Increase Space Between Items in Divi Menu Module


The Divi menu module lets you place menu links anywhere within your page layout. However, it doesn't currently include an option to adjust the spacing between the menu links. Here's how you can.

First, here's an example of the menu module with the default spacing (=22px):

Set the Menu Module Link Spacing using Divi Booster

Divi Booster contains an option for adjusting the spacing of links in the menu module.

You'll find the option to change this in the menu module settings at:

Menu Settings > Design > Layout > Link Spacing

Like so:

Here's the result:

The option is available in Divi Booster v3.6.0 onwards.

Set the Menu Module Link Spacing using CSS

You can alternatively use the following CSS to set the spacing between links in the menu module.

.et_pb_menu .et-menu.nav > li  {
    padding-left: 30px !important;
    padding-right: 30px !important;

This post may contain referral links which may earn a commission for this site

Divi Booster

Hundreds of new features for Divi
in one easy-to-use plugin


Submit a Comment

Your email address will not be published. Required fields are marked *