[Resolved] How to show site title only when nav bar turns sticky

[madmanweb]

Hi.

As you can see on my site, the “site title” is turned off because there is a giant logo on top. But this logo disappears after scrolling down.

Is there any way to show the site title only when someone has scrolled down (i.e., when the nav bar becomes “sticky”) so that it’s not lost from view? I need it to happen only on the desktop view.

[David]

Hi there,

with your current set-up the function that Tom Provides here would be the way to go:

https://generatepress.com/forums/topic/site-title-disappears-on-sticky-header-navigation/#post-883727

[madmanweb]

Hmmm, so kinda mixed results. The snippet works only if I assign a logo to the sticky navigation bar, not without. I guess I could try a clumsy hack like setting the logo to be 1×1 pixel, but if there’s a more elegant solution to be found by modifying the PHP in the snippet, I’d love it. 🙂

[Leo]

What if you add this CSS?

.main-navigation.navigation-stick .sticky-navigation-logo {
    display: none;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[madmanweb]

Hi. That didn’t work at first but I added !important to the style and it works now.

[Leo]

Awesome 🙂

[Author]

Posts