Sticky Secondary Menu

Hi,

I’ve figured out how to make the top navigation menu sticky, but now I’ve created a secondary menu that shows up on certain pages and I’d like that to be sticky too.

I’ve added this code, but it doesn’t seem to work.

.x-main .full{
position: fixed !important;
width: 100%;
top: 110;
z-index: 9999;
}

Here’s a link for an example.
https://mmwowevents.wpengine.com/wow-summit-texas/

Thanks!

Hello Shane,

Thanks for writing in!

Please replace the code with following:

.menu-summit-menu-container {
    position: fixed !important;
    width: 100%;
    top: 110;
    z-index: 9999;
}

Thanks.

Cool. Now when I scroll, the background is transparent. How can I change it to white?

Hello Shane,

You can take a look at the solution shared in following thread:

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.