Tagged: logo overlap, menu, menu color
Hey Enfold Team,
1) When I reduce the width of my screen, the main menu overlaps the logo on the left. How can I fix that?
2) How can I change the color of the main menu items when clicked?
Hey allyson3,
1. Please try this in Quick CSS:
@media only screen and (max-width: 1230px) {
nav.main_menu {
display: block !important;
}
#avia-menu .menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}
2. You can set that under Enfold->Advanced Styling.
Best regards,
Rikard
Thanks so much Rikard,
The CSS worked perfectly!
I have set the main menu to a dark grey, and it turns rust when hovered over… but I want the menu item to remain rust when clicked to indicate which page they are viewing. How can I do that?
Hi,
Add this to quick css:
.current_page_item a .avia-menu-text{
color:#a64e06!important;
}
Best regards,
Jordan Shannon
Thank you so much Jordan! Works perfect!