Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 21, 2021 at 2:30 am #1325782
    goldengate415

    Hi, I found the below code on the forum to change hover color for main menu items. Unfortunately it also does something to the hamburger menu on mobile and it turns it into a white block when clicked. Can you please help me make the below code not apply to the hamburger menu?

    Thanks!
    Rob

    /* change hover color on menu items */
    #top #header #avia-menu > li:hover > a {
    background: #fff !important;
    border: 0 !important;
    }

    #top #header #avia-menu > li:hover > a span.avia-menu-text {
    color: #c3986f !important;
    border: 0 !important;
    }

    October 21, 2021 at 11:27 am #1325837
    Rikard

    Hey goldengate415,

    Please try this CSS instead:

    #top #header .menu av-main-nav > li:hover > a {
background: #fff !important;
border: 0 !important;
}

#top #header .menu av-main-nav > li:hover > a span.avia-menu-text {
color: #c3986f !important;
border: 0 !important;
}

    Best regards,
    Rikard

    October 21, 2021 at 5:14 pm #1325929
    goldengate415

    Thanks, Rikard, good to see you and hope you’re well. OK to close the thread – I am all set.

    Thanks much,
    Rob

    October 22, 2021 at 6:18 am #1325982
    Rikard

    Hi Rob,

    Great, I’m glad that you got it working, and thanks for the update. I’ll go ahead and close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Hover color on menu items’ is closed to new replies.