[Resolved] Secondary Navigation – Display over content

[Stephane Bergeron]

Hi,

I’m working on a site and working on tweaking responsive. I have a secondary navigation menu that goes down to the hamburger at 900px. The site uses merged headers. The issue I have is that, when opening the menu from the toggle, the content of only the header is is pushed down hiding some stuff below. I understand why it does that but, instead of that, I’d like to have the menu display over the content like the main navigation instead of pushing anything downward. Any tips on how to achieve that would be much appreciated.

Thanks!

GeneratePress 2.2.2

GP Premium 1.7.8

[Tom]

Hi there,

You could do this:

.secondary-navigation.toggled .main-nav > ul {
    position: absolute;
    left: 0;
    right: 0;
}

Let me know if you need more info 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Stephane Bergeron]

Hi Tome,

That worked perfectly. Thank you very much! You rock 🙂

[Tom]

Glad I could help 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts