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;
}