Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #304605

    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

    #304685

    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

    #304812

    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

    #304905

    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

    #304906

    Hey!

    Please add following code to Quick CSS as well

    .header_color .avia-menu-fx {
    background-color: blue;
    }

    Best regards,
    Yigit

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.