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 (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Mobile Sticky navigation

  • Is there a way to keep the layover effect that the mobile sticky navigation has on mobile navigation?

  • Hi there,

    Not sure what you mean by layover effect, GP only has slide and fade effect for sticky navs, which one do you mean?

  • when you click on the hamburger menu on mobile sticky nav, the nav is on top of the content (layover) but when you click on mobile navigation( no sticky nav) the nav in not on top of content, it pushes down the content. I want to use the behavior of the sticky nav to be on top of content when you click on hamburger menu. I was able to get the mobile nav to behave same as sticky nav with css but wonder if there is another better solution?

    .has-inline-mobile-toggle {
    z-index: 10000;
    position: fixed;
    top: 0px;
    width: 100%;

  • Can I see your site?

  • Hi there,

    So the current mobile menu behavior is the expected behavior, correct? The CSS you used is fine as long as it doesn’t affect other elements.

  • Hi, yes does the expected behavior I want when you are on top of page, but I would like that on scroll the fixed mobile navigation will not be fixed since the stick navigation will display. right now both mobile navigation and stick navigation and fixed and caused an odd effect.

  • The CSS should be ok with the media query. You did it correctly!

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