css - Submenu is behind main menu on hover -


i have this responsive joomla template on my site , can't able set dropdown submenu. it's behind main menu , behind slider. i've tried z-index , relative position, still not working. know why or did miss?

html

<div id="nav"> <div class="inner clearfix">     <ul class="nav menu">         <li class="item-101 current active">main menu 1</li>         <li class="item-112">main menu 2</li>         <li class="item-147 deeper parent">main menu 3</li>             <ul class="nav-child unstyled small">                 <li class="item-151">submenu 1</li>                 <li class="item-152">submenu 2</li>             </ul>     </ul> </div> 

add nav:

#nav {     z-index: 10000;     position: relative; } 

the z-index push above body element, position: relative needed z-index take effect.


Comments

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -