Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- The topic ‘Color Separators between items in Dropdown menuy’ is closed to new replies.
Hi,
I used this code to include separators between the dropdown menu in services, I used this code from https://kriesi.at/documentation/enfold/menu/#toggle-id-56 but i want it to change the color to #e3e3e3, have tried to but could not make it work :/
/* Main menu sublevel */
#top #wrap_all #header #avia-menu ul li.menu-item > a {
border-bottom: 1px solid black;
}
Related with this, I wandt to include this separators with the same characteristics in the burger menu on mobile, tried to change it through advanced settings on Menu Links in overlay/slide out but did not work out.
Hi,
I see your code above in your css for the “services” drop down menu, so to change the color try adjusting like this:
#top #wrap_all #header #avia-menu ul li.menu-item>a {
border-bottom: 1px solid #e3e3e3;
}
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
To add bottom borders to the burger menu items try this css:
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
border-bottom: 1px solid #e3e3e3;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Hi Mike,
Worked smoothly, perfect.
Thank you very much, you can close the thread!
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike