Turn off sticky navigation logo for desktop

Hi Dennis,

Try this CSS:

@media (min-width:769px) {
    .main-navigation .navigation-logo {
        display: none;
    }
}

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

Hi Tom/Leo,

I have a similar question, but i am going to take it step further...

On desktop, How do I turn off the sticky nav logo when a person first loads the page and then make it appear once the surfers scrolls down the page? Hope this makes sense.

On mobile, i just want the sticky nav logo to always show....meaning I dont want the same effect as the desktop.

Also, is it possible to have two diffent sticky nav logos for mobile and desktop? If so, how? I want the nav logo for mobile different from the desktop sticky nav logo.

http://ahahealthnews.com

Thanks.

I think your best option would be:
- Set navigation logo to sticky only: https://docs.generatepress.com/article/navigation-logo/
- Then use our mobile header feature for different logo: https://docs.generatepress.com/article/mobile-header/
It works the best if you have a smaller squarish logo.

Let me know if this helps.

Hi Leo,

So basically you are saying I would not be able to do it and can only have the nav logo set to sticky???

Maybe I'm missing something here but what's the difference between "when a person first loads the page and then make it appear once the surfers scrolls down the page" and sticky only?

Have you tried the mobile header? If not then this would option would also work:
https://generatepress.com/forums/topic/replace-logo-on-mobile/#post-387618

Let me know.

Hi Leo,

LOL, I see what you are saying...but since on desktop I'm using a header logo and nav logo...it looks like overkill when you first come to the site and see two logos.

For example, these two sites below have the effect im trying to achieve..

When you first land on the site..only the header logo shows..once you start scrolling down the page past the header logo..then the nav logo appears sticky.

http://www.tmz.com/

http://www.mercola.com/

Setting the navigation logo to sticky only should give the exactly the effect of those pages - hides the logo when it first load. Have you tried that?

Hey Leo,

That worked!!! I thought I tried all these settings...but evidently I missed it.

Thanks for your help.

Hey Leo,

Quick question. This worked for the desktop, but how do I turn it off for mobile. I just want the mobile to have sticky and static...

Thanks.

Doesn't look like your mobile menu is working at all.

You have a lot of console/js errors happening.

Can you try #1 here? https://docs.generatepress.com/article/debugging-tips/