Top Menu Background Hover Color - by George

Solved5 replies2 participantsUpdated by Rose Tyler

  • Avatar: georcarson
    George
    Participant

    On the Top Bar dropdown menus & the ALL CATEGORIES dropdown menu in the header, how do I change the color of the background hover? Right now it is a very light gray almost invisible. Thanks.

    5 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Please try to add this code in Custom css:

    .header-wrapper .header-search.act-default div.fancy-select ul.options li:hover {
        background-color: rgba(69, 110, 156, 0.33) !important;
    }
    .languages-area .menu > li > ul li a:hover, .top-links .menu > li > ul li a:hover {
        background-color: rgba(90, 161, 227, 0.31);
    }

    Regards

    Avatar: georcarson
    George
    Participant

    That works great, but I am still missing the “My Account” dropdown on the top menu. Thanks.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Oh I see, please try:

    .my-account-link ul > li > a:hover {
        background-color: blue;
    }

    Regards

    Avatar: georcarson
    George
    Participant

    Got it. Thanks again.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    You’re welcome!

    Regards

The issue related to '‘Top Menu Background Hover Color’' has been successfully resolved, and the topic is now closed for further responses