Archived topic
Menu over container
4 replies · Started by Wouter on April 12, 2021
Hello,
When clicking on my drowdown menu on the webpage the subitems are showing under the first container.
As you can see here:
http://jouckes.jouckesbarbershop.nl/barbierschool/
However when I'm using the default elements from the theme it's showing correctly. As you can see here:
http://jouckes.jouckesbarbershop.nl/barbierschool/cursussen/
How can I make sure that the submenu is showing correctly on the pages where I remove the default element and where I show a container instead.
I thank you for your time.
Hi there,
Can you try removing the z-index value set on the first container?
Let me know :)
Actually edit this block of CSS in Additional CSS field:
.main-navigation:not(.toggled) .main-nav > ul {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}to this:
.main-navigation:not(.toggled) .main-nav > ul {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 99;
}Thank you Leo
Your last solution fixed the problem for me
Have a great day
No problem :)
