• Resolved David

    (@davidvandevoorde)


    Hello,

    I am designing a page with a sticky header, using some custom CSS and JavaScript.
    I have a header which scrolls off-screen. When this happens, a second header (which is at first invisible) transitions onto the screen.

    In both headers I use the Gutenverse Nav Menu.
    The problem: only 1 hamburger menu button is working (the second one). This is resolved by toggling ‘display: none’ for when my second header is invisible. But it is more a hack/workaround, and the browser doesn’t show my CSS-transition in this case.

    Do you have a suggestion for another workaround or solution?

    Many thanks,
    David.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Jegstudio

    (@jegstudio)

    Hi @davidvandevoorde,

    Did you happen to copy/duplicate the nav menu block or it’s parent block?
    If yes, does it make any difference when you create another one from scratch instead of copying?

    Also, I don’t quite understand why did you make two headers instead of one?
    I’m pretty sure technically you could use one header and use JavaSCript to add the sticky effect.

    Thank you.

    Thread Starter David

    (@davidvandevoorde)

    Hello,

    It was my fault. There is no problem. You can close the ticket.

    What happend:
    My second header is placed off-screen using “top: -175px”. But! The element had in fact a bigger height but it was just empty and so not visible to the eye. This caused that the invisible header was in fact visible for the browser and placed on top of the other header and hence the hamburger button of the other header was placed behind the invisible header and so not clickable.

    Plugin Author Jegstudio

    (@jegstudio)

    Hi @davidvandevoorde ,

    Glad to hear the problem is solved.
    If you find any other issues, please let us know by creating a new topic.

    Also if you don’t mind, please leave us a review about your experience using our plugin.
    It will help us a lot to grow the community, improve our plugin, and provide the best experience for our users.

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Only 1 Nav Menu per page possible’ is closed to new replies.