Divi – Reducing the space between menu items

You can customise many things about the Divi menu within the WordPress Dashboard under [Appearance] [Customise] [Header & Navigation] but one thing you cannot adjust is the spacing between the menu items, this can be a problem if your menu consists of many items or long words and phrases. Luckily this is easy to fix with a little CSS.


Add the following to [Appearance] [Customise][Additional CSS] adjusting the padding-right figure as needed.

/* reduce space between menu items */
#top-menu li {
padding-right: 15px;
}

Quick Contact

Question not answered? We're here to help.

WP Feedback

Dive straight into the feedback!
Login below and you can start commenting using your own user instantly