-
cleanpagedom
Hi there
I would like to do the opposite of this support request: https://generate.support/topic/sub-menu-mega-menu-width/
I have created a mega menu using the GP docs, which opens when you click the parent menu item. When the menu is at the top of the screen it is constrained to the width of the primary navigation (around 835px).
Sticky navigation is on. When you scroll down the page and open the mega menu, it fills the width of the container (1140px). I would like the mega menu to be 1140px (or full header width) all the time. Is there a way to achieve this?
Thank you
-
Hi there,
the ideal solution would be to use the Navigation as Header option in the Customizer > Layout > Header.
the alternative with the current header layout, which gets you somewhere close is to add this CSS:
#site-navigation:not(.is_stuck) .inside-navigation { position: static; } .inside-header { position: relative; }
-
cleanpagedom
Perfect. The “Use Navigation As Header” does the trick. Just have to adjust the size of the logo and add some padding to the header.
Thank you.
-
David
Glad to hear that!
Let us know if you need any assistance with the logo size and padding.
- You must be logged in to reply to this topic.