I’m collecting old laptops and recycling them for young people to access online learning and address the #DigitalDivide. Click the button to find out more.

Websites promote you 24/7: No employee will do that.

Divi – Reducing the space between menu items

Oct 19, 2020 | Divi

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.