Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Setting for menu item height for sticky navigation mobile

  • Hi Fernando,

    Please see attached.

    Charles

  • fernandoazarcon2

    You have an extra } at the very bottom of Additional CSS. It’s causing a syntax error. Can you remove that first? Let’s see how it goes afterward.

  • Hi Fernando,

    Thanks for pointing that out. I’ve removed that.

    Still no luck with the menu on mobile.

    Charles

  • fernandoazarcon2

    I see. You’re using a mobile header. Try this:

     nav#mobile-header.is_stuck {
        min-height: 100px;
    }
  • Hi,

    I’ve added the above CSS and switched the value to 55px but still no luck.

    Charles

  • Hi Charles,

    Do you want the sticky navigation looks exactly the same as the navigation?

    If so, I would recommend disabling the GP sticky navigation option and using this CSS to make the navigation sticky:

    nav#site-navigation,nav#mobile-header {
        position: sticky;
        top: 0;
    }

    Let me know if this helps!

  • Hi Ying,

    Thank you, that’s done it.

    Charles

  • You are welcome   🙂

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