Menu items disapear before you can reach them

Activello
1

Hello,

Need help with my top menu. When you go on eg. ‘Ausbildungen’ the menu items appear, but before you can click on them they disappear again.

How can I fix that?

2

Hello there,

I hope you are doing well today.

Please try disabling any third party plugins that were not bundled with the theme as one of them may be causing a conflict in the menu.

Best Regards,
Support

3

I tried to deactivate all the plug-ins. None is causing that.

Does anyone know a custom css to fix that?
It seems like the margin is to big under the menu items, but also if i put -20px it doesnt fix the problem.

4

Hey Ieni

Why is everything working for me? is this problem fixed? :slight_smile:

5

No, the problem is not fixed yet. I found a custom CSS. When I remove it the menu works fine but the design of the website is destroyed.

The CSS is:
.main-content-area {
margin-top: 0px;
top: -30px;
postition: relative;
}
Without the “position: relative”, the menu works normal but a gap between header and the picture right after comes up.

This is not a new CSS. It was on the website for months already and it never caused a problem.

Therefore, this can not be the source of the problem. To remove it is just a solution to fixing the problem … but the result is not satisfying.

Would be glad if anyone can tell me, what problem lies behind that. I also deactivated all the plug-ins. They are also not causing that.

6

Hello there,

This CSS can be used to make the menu appear on top of the page elements:


.navbar-nav>li>.dropdown-menu {
    z-index: 100;
}

Best Regards,
Support

7

Hello,
That still didn’t solve the problem.
Please have another look at the website: https://yogtemple.at/

Like this, the menu works, but there is a gap between menubar and slider.

8

Hi there

Use this code please:

.home div#primary {
position: relative;
top: -30px;
}

9

Hello Noda,

Thanks for your help! Unfortunately, this didn’t solve it fully.

This only fixes it on the homepage, but not on the other pages.

10

hi

Well, in this case use this code and it will be fixed everywhere :slight_smile:

#primary {
position: relative;
top: -30px;
}

11

Thanks a lot! Now everything is working fine and also look good :wink:

12

Nice :slight_smile:
I will close this case now, Feel free to contact us again if you have other questions Thanks!