how to fix the second sub-menu overlap

  • Hey.
    I have a wordpress site that works on oneengine theme and i have added the submenus at the top menu on it. My problem is that if i add a second submenu it appears glitched so its like this ;
    ——menu
    ———-submenu1
    ———-submenu2
    ———-sub-submenu2(it overlaps the submenu3 instead coming out to right)
    ———-submenu3

    Here’s the code from style.css, I’ve been thinking about adding something here about sub sub menu but I’m green when it comes to such modifications;

    #main-menu-top ul.sub-menu li a:hover,
#main-menu-top ul.sub-menu li a:active {
border-left-color:#ccc;
border-bottom-color: transparent;
 }
#main-menu-top .sub-menu {
 float: left; position:
 absolute; display:
 none; padding: 0;
 text-align: left;
 border: 1px solid #BDC3C7;
 border-top: none;
 background: black;
 z-index: 9999;
}
#main-menu-top li:hover ul.sub-menu {
display: block;
 }
 #main-menu-top .sub-menu li {
display: block; min-width: 100px;
}
 #main-menu-top .sub-menu li a { padding: 10px 15px;
 }
}

    I appreciate all replies.

  • The topic ‘how to fix the second sub-menu overlap’ is closed to new replies.