Search Divi Layouts Extended Documentation

Search for answers or browse our knowledge base.

< All Topics
Print

Increase the width of submenu container in DLE header

When text in the submenu is longer, then to increase the width of the submenu container please add the following CSS in Divi Theme Option

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

Here you can change the width px value as per your website design requirement.

Note: Replace the header number in the CSS with your header number.

Was this article helpful?
4.5 out of 5 stars

1 rating

5 Stars 0%
4 Stars 100%
3 Stars 0%
2 Stars 0%
1 Stars 0%
Please Share Your Feedback
How Can We Improve This Article?