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
  • 2 Users Found This Useful
Was this answer helpful?

Related Articles

WPML shortcode for language flags

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

How to Add Tracking Code or Custom JS to Headers and Footers in Divi

You are reading this article because you want to know how to add custom scripts to the...

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...