Hi Guys, thanks to Christian and apologies for high jacking your thread.
I want to try and do 3 things with the menu in the header and need help.
1. once the menu option is selected, it remains the same colour as the hover state?
2. use the same colours for the underline that appears below the text and you mouse over the menu item
3. change the size of the text for the sub menu
From another thread I’ve managed to get the hover colour to change using:
li.menu-item:hover .avia-menu-text {color: #01b2de;}
and I’ve tried changing the underline colour using the following but it doesn’t work:
.avia-menu-fx .current-menu-item .avia-menu-fx li:hover .current_page_item .avia-menu-fx {background: rgba(255, 255, 255, 0.7);}
Can anyone suggest how I can change these 3 elements listed above?
Cheers
Hi Rustybucket!
Thank you for using Enfold.
Please add this on Quick CSS or custom.css:
.current-menu-item span.avia-menu-text {
color: blue !important;
}
.current-menu-item span.avia-menu-fx {
background: blue !important;
}
Change the style of the submenu on Enfold > Advanced Styling. Edit the Main Menu sublevel links element.
Cheers!
Ismael
Many thanks for your reply which works well, however the underline still doesn’t turn blue on hover, please can you help me with the last piece of the puzzle :)
Cheers
Sorry to be a pain but I just need to get the last bit sorted on the menus so I can present to my client, any ideas on how how to get the underline to go blue on mouse over?
Cheers