Increase Sub Menu Item Width in DIVI Print

DIVI is great but a frustrating thing is the sub-menus are a fixed width so the text does not fit and goes to the next line if the button name is a little longer

Here is some CSS which solves the problem nice and easy.

Drop this code into Divi > Theme Options > Custom CSS

/* FIXED SUB MENU WIDTH IN DIVI */
/* see: https://www.jucra.com/whmcs/knowledgebase/146/ */
@media only screen and (min-width: 981px) {
.sub-menu, .sub-menu li a {width: 300px !important;}
}

BEFORE CSS FIX



AFTER CSS FIX