-
Posts
-
Hello Kriesi, thanks again for an awesome theme and support!
I am trying to turn off the line separators in the main menu.
I found the following previous topic (#189449) however that css did not work on my site (cleared cache, deleted all browsing history, etc):
.bottom_nav_header.social_header .main_menu ul:first-child>li a {
border: none !important;
}
.bottom_nav_header.social_header .main_menu ul:first-child>li:first-child a {
border: none !important;
}I also tried the following however the entire page shrinks:
.av_seperator_big_border .av-main-nav > li > a {
border-left-style: none !important;Please advise how I can get rid of all the vertical seperator lines that are found on that top main menu.
Site is below.Thank you
Hey tlchase!
Please add the following to your CSS
#top .av_seperator_big_border .av-main-nav > #menu-item-search > a {
border-left-style: none;
border-left-width: none;
border-color: none;
}Let us know if that works out for you and it fixes your issue!
Cheers!
BasilisThank you for your prompt reply Basilis, unfortunately that did not remove (or hide) the lines. I also tried adding the important tag- none !important; but that didn’t work either. I also tried “hidden” instead of none but nothing =( I made sure to clear cache, delete all browsing history, etc.
Any other suggestions are greatly appreciated.Thank you
Hi,
Please try the following instead:
li.menu-item { border-color:transparent !important; }Best regards,
RikardThank you Rikard, that seems to have only affected the right side of the top menu and not the rest of the menu lines. = /
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.av_seperator_big_border .av-main-nav > li > a { border: none !important; }Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
- The topic ‘Menu line separators css’ is closed to new replies.