Add Space between Menu in Header

Hi,

How do you add spaces between the main menu on header? It’s too close to each other

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

Please add this code to the Theme Settings > Custom CSS > Global:

body .wd-nav-main li a{
padding:0 40px;
}

You can change 40px to increase or decrease the gap between the menu items.

Best Regards

Thanks that works out. But the DropDown is using a HTML Block and once adding the code everything is squeezed. See the image attached

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your site URL, if your site is under construction, insert the site credentials into the Private Content block below the text message.

Best Regards

The site is under construction. Please view the deets in Private Content

Hello,

Please replace the code with this one:

body .wd-nav > li > a{
padding:0 40px;
}

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts