Archived topic

Secondary Navigation - Display over content

3 replies · Started by Stephane Bergeron on March 27, 2019

Viewing posts 1–4 of 4

March 27, 2019 at 11:36 am #851732

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!

March 27, 2019 at 4:30 pm #851911

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 :)

March 29, 2019 at 9:13 am #853638

Hi Tome,

That worked perfectly. Thank you very much! You rock :)

March 29, 2019 at 9:48 am #853659

Glad I could help :)

This archived topic is closed to new replies.

Start building better websites today.