I created a mega menu for my website.
It works perfectly on the main page with the same code used.
However, on the page with the item list, it goes under the page and does not respond to the position: absolute
or any z-index
.
Main page working smoothly: But on the item list page, it goes under the entire webpage when trying to navigate in the menu:
Menu:
<ul class="menu-list large standard">
<li class="parent" id="hcategory_631">
<div class="menuh3">
<a href="/bizuteria" id="headlink45" class="spanhover mainlevel">
<span>BIŻUTERIA</span>
<img src="/public/images/1px.gif" alt="" class="px1">
</a>
</div>
<div class="submenu level1">
<ul class="level1 sub-right">
<li class="parent" id="hcategory_419">
<div class="menuh3">
<a href="/bransoletki" id="headercategory419" class="spanhover">
<span>BRANSOLETKI</span>
<img src="/public/images/1px.gif" alt="" class="px1">
</a>
</div>
...