Use Navigation as Header causes the tagline to disappear

Hey thanks for helping get this all sorted out. This is getting more and more complicated and therefore I want to try an easier solution.

I have created a new logo which has the logo, site name and tagline all in one image. This seems to work better except on mobile the image looks really small. Can you take a look and suggest a fix? Is there a way to make the image larger on mobile?

The other issue on up scroll the sticker header shows only the navigation but not the logo image. Is there a fix for this? Thanks again.

Having that much text in the logo on mobile likely isn't a good idea, as most mobile screens simply aren't big enough for it. Maybe it would be better to only have the logo on mobile?

You can try this CSS, but you might run out of room on smaller devices:

.site-logo.mobile-header-logo img {
    height: 80px;
}

Have you tried uploading a sticky navigation logo?: https://docs.generatepress.com/article/sticky-navigation/#sticky-navigation-logo