Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 30, 2018 at 9:20 pm #1003801
    Dependable

    Hi there,

    I’ve got an issue that I can’t seem to figure out but I’m sure you probably know what’s going on here. I’m having an issue where the text in my main menu item is going transparent on hover. I’ve attached a few screenshots here and a link in the private area. I’ve added notes in red on the screenshots so you can understand what I’m talking about. Any help is appreciated!

    • This topic was modified 6 years, 2 months ago by Dependable.
    August 31, 2018 at 3:27 am #1003862
    Mike

    Hey soundstrat,
    The color of your text is the same as your button on mouse-over, Please try this code in the General Styling > Quick CSS field:

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

    This will change it to white, or feel free to adjust to suit.

    Best regards,
    Mike

    September 13, 2018 at 12:20 am #1009122
    Dependable

    We want the hover color to be the teal – we just want to target that one button with hover text to white. But your code targets all of the menu items.

    September 13, 2018 at 2:22 am #1009137
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field:

    #top #header .av-main-nav > li#menu-item-3927:hover > a .avia-menu-text {
color: #fff !important;
}

    It only targets the “shop” button and makes the on-hover text white.

    Best regards,
    Mike

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