Menu transparent

Hey @jonasschoen,

I visited your website and see the menu has a background.

Does that mean the issue is resolved? ?? I hope so! Let me know.

Hi @jonasschoen,

Sorry, I’m not sure I understand the issue from your description. Could you try explaining it some more or post a screenshot?

— Anders

Hi @noellesteegs and @anlino,

sorry, I wasn’t at my computer for a few days. And unfortunately I posted the wrong link. The website that I actually need help with is https://events.besondere-orte.com/.

Here is a screenshot of the problem. The menu that “folds out” is transparent and the last two links do not work because the underlying form is interfering with them.

Chhers,
Jonas

Hi @jonasschoen,

Thank you for the correct and link and the screenshot.

You can add this code to your CSS:

.main-menu-alt ul {
    z-index: 2;
}

If you have a child theme then please add it there. If not, then you can add it to the Additional CSS field of the Customizer.

The issue is caused by form elements and the submenu having the same z-index. The z-index property specifies the stack order of an element. An element with greater stack order is always in front of an element with a lower stack order. By increasing the z-index of the submenu it sits on top of the rest of the page and is therefore usable.

Please confirm this fixes your issue. ??

Yes, that fixes the problem. Thank you very much, @noellesteegs! I appreciate your help.

It’s a pleasure @jonasschoen. Happy that it’s fixed!