Hello form Kenya,
how can I reduce the spave between the menu text items ?
I need to add more navigating items and it is already full …. smile
Thanks in advance
Hey MarkusLange,
To remove some space between the menu items, Please try this code in the General Styling > Quick CSS field:
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
margin-left: 0px !important;
margin-right: -5px !important;
padding-left: 5px !important;
}
.av-main-nav > li > a {
padding: 0 5px !important;
}
feel free to adjust to suit.
If you would like some more room, you can make the menu space larger with this:
#menu-item-shop .cart_dropdown_link {
padding: 0 19px !important;
}
.responsive .container.container.av-logo-container {
padding: 0px 20px !important;
max-width: 100% !important;
}
again, feel free to adjust to suit.
Best regards,
Mike
Thanks Mike …
You showed me the right path. Here the CSS code that made it for me.
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text{border-left-style: solid; border-left-width:1px; padding-left: 6px; margin-left: -18px;}
Topic closed – thanks for the speedy response time !!!
Markus
Hi,
I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon