DIVI: Increase The Width of the Divi Vertical Navigation

Increase The Width of the Divi Vertical Navigation

Last Updated: 5 days ago

As you make your side menu wider your logo will grow with it.

UPDATE: If you have issues with the text of the menu wrapping, use pixels rather than a percentage and then manage it with a media query so that it doesn’t mess you around on different screen sizes. If you need help with media queries, check out Media Queries Demystified by emailonacid.com.

/* Increase width of vertical navigation */
@media (min-width: 981px) {
.et_vertical_nav #page-container #main-header{
width:18%;
}
.et_vertical_nav #et-main-area, .et_vertical_nav #top-header{
margin-left:18% !important;
}
}

 

Increase The Width of the Divi Vertical Navigation