[Support request] Turn off sticky navigation logo for desktop

Home Forums Support [Support request] Turn off sticky navigation logo for desktop

Home Forums Support Turn off sticky navigation logo for desktop

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #379099
    Dennis

    Hey, am I missing a way to disable the navigation logo on desktop when using a sticky nav?

    i still want it on mobile though. 🙂

    #379158
    Leo
    Staff
    Customer Support

    Hi Dennis,

    Try this CSS:

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

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

    #389099
    Bobby

    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.

    #389122
    Leo
    Staff
    Customer Support

    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.

    #389130
    Bobby

    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???

    #389142
    Leo
    Staff
    Customer Support

    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.

    #389146
    Bobby

    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/

    #389445
    Leo
    Staff
    Customer Support

    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?

    #389671
    Bobby

    Hey Leo,

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

    Thanks for your help.

    #389683
    Bobby

    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.

    #389724
    Leo
    Staff
    Customer Support

    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/

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.