Hi,
I just had a look to several topics but I haven’t found what I need.
I want to extend the space between the menu items without working with in the menu name.
Attached again what I want to archive:
http://pasteboard.co/14tXNqtG.jpg
Can you please provide the snipped to controll the size of the sepepartor?
Thx in advance.
michael
Hi michaellausser!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-main-nav>li>a {
padding: 0 20px;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
If that does not help, please post the link to your website.
Best regards,
Yigit
Hi Yigit,
thanks. I tried in the child css..but no effect:
.av-main-nav<li>a {
padding: 0 50px;
}
//Separator of Menu items
.av-main-nav >li>a {
border: none !important
padding: 0 50px;
}
http://madlener.wom.server49.vorschauseite.eu/
Any idea ?
Thanks a lot.
Greetings
Michael
Hi!
Please use comments as following
/* Separator of Menu items */
and not following
//Separator of Menu items
After fixing the comments, please flush browser cache and refresh your page a few times
Cheers!
Yigit
Hi Yigit,
thanks for your hint. I corrected also the code as I made a misstake there.
Now it works. Thanks a lot !
Greetings
Michael