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.

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

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.
~£42

Backup your website to Google or Dropbox with ease.
~£54

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

K

Newsletter

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.