Divi – Reducing the space between menu items

Get in touch

If you would like help with "Divi – Reducing the space between menu items" or with any other topic then feel free to get in touch for a chat.

by | 19/10/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;


Can we help?

If you would like help with this, or any other topic then don’t hesitate to get in touch with us.

Premium Themes & Plugins

When you sign a website up for any of our monthly plans you get access to many of our favourite premium plugins and themes — at no additional charge. Savings up to £250 per year!

Gravity forms, Create stunning forms with ease.
~£43 per year.

Optimise Images, Website Cache, Security and more.
~£136 per year.

Add a range of extra tools to your Divi Website.

Backup your website to Google or Dropbox with ease.

Backup your website to Google or Dropbox with ease.
~£80 per year



Sign up to our newsletter for the latest hints tips & offers.

Did you know nearly 70% of people unsubscribe from email lists because they receive emails too often? That’s why we often don’t get round to sending a newsletter but when we do make sure its worth reading.

  • What’s happening with us and the internet/digital in general. 
  • Lots of helpful advice on a whole range of website and digital skills topics.
  • Sales and offfers from us and our partners. 

Get a free guide to creating sale funnels

Join our mailing list to receive the latest news and updates from our team.

You have Successfully Subscribed!