[Resolved] Turn off logo display on mobile on scroll

[Lucy]

Hi there

I hope you are all keeping well and sane!

I am trying to turn off the site logo on mobile on scroll – I was able to do it by setting display to none but then the menu button jumps over to the right so I’m guessing there much be a better way.

Please let me know if you need any further information.

Many thanks
Lucy

[Leo]

Hi there,

Try this CSS:

#mobile-header.navigation-stick .site-logo {
    display: none;
}
.main-navigation.has-branding .menu-toggle, .main-navigation.has-sticky-branding.navigation-stick .menu-toggle {
    margin-left: auto;
}

[Lucy]

Perfect! Thank you.

[Leo]

No problem 🙂

[Author]

Posts