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

java - WARN : org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/board/] in DispatcherServlet with name 'appServlet' -

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

android - How to create dynamically Fragment pager adapter -