Increase Sub Menu Item Width in DIVI

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

  • divi, sub menu, css
  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

How to Remove the Projects Post Type in Divi

Divi annoyingly adds a post type to their theme called "Projects".Add this PHP code snippet to...

WPML shortcode for language flags

How to make a shortcode for WPML language flags.To display the language flags in a shortcode, use...