More space between menu items

Hello there,

How do I do if I want more space between the menu items?
For example having 2 items on each side of the logo, instead of 4 as it is now?

Sincerely,
Anton

Hi,

Could you please provide us some screenshot and a link to your website?

Regards

Here it is!

Sincerely,
Anton

Try to add the following code snippet to the Custom CSS area in Theme Settings

.main-nav .menu>li>a {
	padding-left:30px;	
  	padding-right:30px;
}

Hello again,

It didn’t work.
See the same link as before.

/Anton

Could you please provide us a screenshot how do you want it to look like?

Something like this : 2 menu items on each side of the logo.

Attachments:

You must be logged in to view attached files.

You can select this header type in Theme Settings -> Header -> Header layout. Currently, you are using “E-Commerce” layout with only one navigation from the left side.

Ah great, thank you! Totally missed that!

And if I want more space between the menu items, how do I do that? I want the entire width of the menu to be used even though there are only 4 items.

Sincerely,
Anton

Try to add the following code snippet to the Custom CSS area in Theme Settings

.main-nav .menu>li>a {
	padding-left:30px!important;	
  	padding-right:30px!important;
}

[Author]

Posts