Background of layout-menu not expanded cover submenu.

[wittakarn]

When submenu had been added until some submenu drop into a new line, The background of layout-menu did not expanded to cover a new line as a below figure.



How can I solve this problem ?

[mert.sincan]

You need to override the menu's css. Please try the following css code;

Code: Select all

#layout-menu > li:nth-child(15) { /* second Default Pages item */
    clear: both;
}

#layout-menu > li:nth-child(14) { /*menu-separator */
    display: none;
}

#layout-menu > li:last-child { /* search input and button */
    position: absolute;
    right: 0;
}

#layout-menu {
    min-height: 110px;
    position: relative;
}

/* Optional. You can change this css according to your menu.*/
@media (max-width: 1145px){
    #layout-menu > li:nth-child(15) { /* Reset */
        clear: none;
    }

    #layout-menu > li:nth-child(14) { /* Reset */
        display: initial;
    }

    #layout-menu > li:nth-child(13) { /* second Spark Theme item */
        clear: both;
    }

    #layout-menu > li:nth-child(12) { /* menu-separator */
        display: none;
    }
}

Screenshot;


after 1145px