Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #1305386

    Hi, where do I change main menu color on mouse hover in transparency options?
    Tried in Advanced Styling> Main Menu Links, but it doesn’t work
    thanks

    #1305524

    Hey czar,

    Please try setting that under Enfold->Advanced Styling. Look for the Main Menu Links options, then check to box to only apply the styling on hover. If you need further help, then please post a link to the site in question.

    Best regards,
    Rikard

    #1305539

    Hi Rikard, I had already tried but it doesn’t work, it just changes font size. If you want to try it yourself, there is token in private data.
    thank you

    2021-06-14-at-07-48-00

    #1305735

    Hi, any news?

    #1305747

    Hi,

    Yes, we have news for you now; I’ve added an instance of the Main Menu links under Enfold->Advanced styling, then selected for it to only apply to the hover state. It works as expected, please review your site.

    Best regards,
    Rikard

    #1305790

    Hi Rikard, does not work, the color is always the same (gray not #1c3041), also instance created by you is the same as mine.
    If the “Apply only to mouse hover state” flag changes only the font size (which it shouldn’t do) not color!!

    ps: token is always active. Thanks

    #1305934

    Hi,

    I verified that it was working yesterday, if you can’t see any changes on your end, then please try loading the site in an incognito or private browser window. If you need further help, then please try explaining your intentions a bit further.

    Best regards,
    Rikard

    #1305954

    Hi Rikard
    REQUEST:
    with transparent header, I would like color # 1c3041 on mouse over link menu
    see video in private data

    thanks

    #1306069

    Hi,

    I added following code to bottom of Style.css file of your child theme however it is not being applied.

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

    Do you have cache on server side? If you do, please try to clear that one as well.

    Best regards,
    Yigit

    #1306079

    Hi Yigit, i have clear cache and removed instance in advance styling but it doesn’t work. I don’t understand, if I inspect the page I don’t even find gray color. Anyway, thanks for your time

    #1306267

    Hi,

    I’ve added this for you in Quick CSS:

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

    After that I cleared the cache from your caching plugin, and the changes are visible after that. Please review your site.

    Best regards,
    Rikard

    #1306293

    Thanks Rikard it finally works.
    I tried to insert css code in child theme but it is not applied, strange shouldn’t it overwrite it?
    However I recommend adding this option in advanced styling.
    Thanks to all and good luck

    #1306480

    Hi,

    Thanks for the update. It might be your caching plugin which is preventing the styles in your child theme as well? If you should need further help with that, then please let us know.

    Best regards,
    Rikard

    #1306487

    Hi Rikard, I can’t tell you why, all other styles have been applied except this one. Thanks anyway for your operation.
    Good job

    #1306489

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘main menu color on mouse hover in transparency’ is closed to new replies.