Custom menu appears above top main menu

Z-index settings could definitely help. You could set the following CSS and see if that helps:

.et_pb_section_1 {
z-index:99999;
}

I’m not a fan of suggesting Z-index values that high, but it’s simply because it needs to be equal or higher than the current Z-index for #main-header, which is set at 99999. Those values are unnecessarily high, and makes it hard to override. But the code above should do it.

I’m afraid that made no difference…

Any other suggestions?

Maybe I misunderstood the issue. What I thought was wrong was that the menu with Appetizers, Breakfast, Fish, etc needed to hide the main menu (Home – About – Weber, etc.), which is what it’s doing now after you put the fix in place.

Aside from the suggestion to avoid high Z-indexes for other elements (which will definitely help!), can you explain in more detail what the issue is then?

Apologies for misunderstanding.

The issue is indeed hiding the main menu (Home – About) when scrolling and the apettizers menu sticks to the top of the page..

I added the CSS you provided but you will see that although the appetizer menu gets stuck to the top as I want it, the main menu displays right below it.

Does that make sense?

OK I see what you mean now. It’s not really direct functionality of this plugin to manipulate other elements on the page when the sticky element gets activated — this problem has more to do with the design than the plugin, actually.

Basically, the black menu is larger (and lower) than the white menu, that’s why it’s not hidden.

I would suggest to play around a bit with the height of the menus. Decrease the height of the black one and increase the height of the white one, for example. Then you can use the plugin to position the sticky white menu a little better (not at the very top of the screen, but a little lower).

Without changing the heights of the menus, you can try changing the “Space between top of page…” setting for the plugin to 50, then you see what I’m trying to say. You’ll still see the black menu, but if you make that smaller, then you can figure out how to make it hide behind the white one.

It may be a little work to do this for all screen sizes though, but like I said, it’s more a design issue than a functionality one.

Hope this helps!

Thanks Mark, I will have to play with it for a bit and see if I can fix it.