I redefine boundaries, challenge conventions, and transform bold ideas into flawless digital realities. With over twenty years of technology development experience I forge satisfactory solutions by leveraging a combination of knowledge, focus, and patience.

Increase Divi Drop Down Width

by kodeJ | Dec 22, 2021 | WordPress

If you need to increase the width of the drop-down menus in the main navigation menu in the Divi header, the following custom CSS will allow you to do so. You can add the custom CSS code in Divi Theme options.


/* Increase inner width of the Divi drop down menu */
.et-menu li li a {
    padding: 6px 15px; 
    width: 250px;
}
/* Increase width of the Divi drop down menu */
.nav li ul {
    position: absolute;
    padding: 15px 0; 
    width: 310px;
    
}

/* Increase inner width of the Divi drop down menu */

.et-menu li li a {

padding: 6px 15px;

width: 250px;

}

/* Increase width of the Divi drop down menu */

.nav li ul {

position: absolute;

padding: 15px 0;

width: 310px;

}

About the Divi WordPress Theme
Elevate your WordPress experience with the Divi WordPress Theme by Elegant Themes, a masterpiece of design and functionality. This extraordinary theme seamlessly melds user-friendly interface with stunning layouts, providing the tools for crafting captivating websites without the need for intricate coding. With its intuitive drag-and-drop builder and an expansive library of pre-designed modules, Divi empowers users to create tailored websites that adapt flawlessly to any device, making it a cornerstone of modern web development.

TOPICS

Increase Divi Drop Down Width