Hi, Support,
Have been trying to find the right options to invert the colors in my main menu. Want it white and when u hover over it would apper as grey.
Also i want to clean it up and remove all borders but not the mobile menu borders can i get some help here.
//Cheers
Hey Mattias!
Add this to your custom CSS.
#header_meta { border-bottom: 0px !important; }
As for the menu links you can change their color and backgrounds in Dashboard > Enfold > Advanced Styling. You can the CSS rules to them twice and set one of them to only be applied only on hover.
Cheers!
Elliott
Hi Elliot,
Thank you the Advanced Styling works great :-D “Finally” but the borders are still there in the main menu? :-(
Cheers!
Mattias
Can you provide me with some different solutions.
1. Where all the borders are gone top and main menu.
2. When we take away the “pipes” | between the main menu items and keep the top border of the main menu and increase it to like 2px.
3. Whats CSS element is it for the botton borde for the main menu? Maby want want a black border there….
Cheers!
Hi!
Use this CSS then.
#header_main_alternate {
border-bottom: 1px solid red !important;
border-top: 0 none !important;
}
.menu, .menu a, .menu li { border: 0px !important; }
Best regards,
Elliott
Thank you @Elliott :-)
You can close this ticket now.
Cheers!