Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 22, 2015 at 8:22 am #448215
    tarynw

    Hi there,

    I’m having trouble with the menu colours on my site.

    Because I’m using the transparent glassy header the menu sits on a background image and the text hover colour needs to be white so it’s visible over the image.

    However when the transparent glassy header disappears (once the user scrolls down) the white text hover makes the menu text invisible as the background is then changed to white as well.

    Is there a way to have the text hover colour white when the transparent header is active, but change it to another colour once the normal menu is visible?
    This is what it looks like once the transparent menu disappears:

    Thanks so much for your help!
    Taryn

    • This topic was modified 9 years, 7 months ago by tarynw. Reason: I just can't get the screenshot to display! Don't know what I'm doing wrong. The link is: https://www.dropbox.com/s/1dkqhno82y55sbl/Menu%20hover%20colour.jpg?dl=0
    May 23, 2015 at 12:33 am #448757
    Josue

    Hey Taryn!

    It’s fixed now, i disabled the Advanced Styling setting (there is no way to set this to transparent header only) and used this CSS code instead:

    #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a:hover .avia-menu-text{
    color: white !important;
}

    Regards,
    Josue

    May 24, 2015 at 10:33 am #449225
    tarynw

    Hey Josue,

    Thanks so much, I really appreciate that!

    Can I be a pain? Is it possible to still have it change colour on hover when the background is white or is that not possible now that you have had to disable the advanced styling setting? I would like it to change to #e4a3bb.

    Thanks again for your help,

    Taryn

    May 24, 2015 at 9:32 pm #449289
    Josue

    Hi Taryn!

    Add this below:

    #top #wrap_all .main_menu ul:first-child > li > a:hover .avia-menu-text{
    color: #e4a3bb !important;
}

    Regards,
    Josue

    May 25, 2015 at 6:11 am #449373
    tarynw

    Brilliant, thanks so much Josue!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Change menu hover colour on transparent header’ is closed to new replies.