Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1003801

    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 1 year, 10 months ago by  Dependable.
    #1003862

    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

    #1009122

    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.

    #1009137

    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.