Tagged: divider, enfold, header layout, menu, separator
First – thanks for the upgrade – awesome!
ISSUE:
My main header menu dividers changed after the upgrade. The last text menu item no longer has a divider, and now the search icon has beginning and ending separators (dividers) which I don’t want to display. How can I fix this so it appears like the OLD version?
GOAL:
1- Last menu item would have an ending divider.
2- Search icon would have no dividers.
REF: Screen capture comparisons private URLS below.
Thank you!
FYI – it may be important to mention we are using the Enfold Ajax preview search as a menu item with an input box to see a quick preview of search results.
Hi!
What is the URL for the site please? I tried wels.net but it doesn’t look like your screenshots.
Best regards,
Rikard
Hey!
Try adding this to your custom CSS.
nav.main_menu .menu > li:nth-last-child(2) {
border-right: 1px solid #e1e1e1;
}
Cheers!
Elliott
Hi!
please add this to your Quick CSS as well for removing the border on search icon:
.html_bottom_nav_header #top .av_seperator_big_border .av-main-nav > #menu-item-search > a {
border-left-width: 0px;
border-right-width: 0px;
}
Hope this helps.
Regards,
Andy
Perfect, Andy! Please close out ticket.