Black Friday Super Sale 2024 is Coming Soon

WIN AN iPAD, 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).