« See all FAQs for Dirt, Sport and Grunge - WooCommerce Shop Theme

How to get 3rd level drop down working in this WordPress theme

Go to theme > editor and open the “style.css” stylesheet. Add this css code to the bottom:

/** third level **/

#main_menu > div > ul li.hover ul.sub-menu ul.sub-menu,
#main_menu > div > ul li:hover ul.sub-menu ul.sub-menu {
    display:none;
}

#main_menu > div > ul ul.sub-menu li.hover ul.sub-menu,
#main_menu > div > ul ul.sub-menu li:hover ul.sub-menu {
    display:block;
}
#main_menu > div > ul ul.sub-menu ul.sub-menu {
    position:absolute;
    top:0;
    left:0;
    margin:0 0 0 200px;
    padding:0px;
    width:190px;
    display:none;
    background-color:#161616; /*color of the dropdown*/
    background:url(images/texture.jpg) repeat top left;
}
#main_menu > div > ul ul.sub-menu ul.sub-menu li {
    width:200px;
    margin:0;
}
#main_menu > div > ul ul.sub-menu ul.sub-menu a {
    display:block;
    float:none;
    width:180px;
    border:none;
    padding:5px 10px;
    background:none;
    font-size:14px; /*font size */
    line-height:normal;
    color:#fff;
    border-bottom:2px solid #000;
    text-transform:none; /*turns off the uppercase*/
}
#main_menu > div > ul ul.sub-menu ul.sub-menu li.hover a,
#main_menu > div > ul ul.sub-menu ul.sub-menu li:hover a,
#main_menu > div > ul ul.sub-menu ul.sub-menu a:hover {
    background-color:#000;
}
by
by
by
by
by
by