Cyber Monday Sale Ends in

0Days

0Hours

0Minutes

0Seconds

Buy Lifetime Membership
×

Search Divi Layouts Extended Documentation

Search for answers or browse our knowledge base.

< All Topics
Print

Increase the width of submenu container in Divi Layouts Extended Header

To adjust the width of the submenu container when the text in the submenu is longer, please add the following CSS in the Divi Theme Options:

.dle-hd-21 .nav li li ul {
left: 220px !important;
}
.dle-hd-21 .et-menu .menu-item-has-children>a:first-child:after {
right: 5px;
}
.dle-hd-21.et_pb_menu .et-menu-nav li ul.sub-menu {
width: 420px !important;
}
.dle-hd-21 .et-menu li li a {
width: 420px !important;
}

Note: Replace the header number in the CSS with your header number. In the above CSS code, we have used header 21(.dle-hd-21).

Cyber Monday Popup