Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #915974

    Hi,
    I’m trying to change the menu font colour to orange when I hover over them on my transparent header.
    I found an earlier post which said to add this to the css style sheet, I tried this but ther was no change!
    Thanks in advance, Gary

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

    #916121

    Hey GaryBroadhurst,

    Your site is in maintenance mode, please post login details in private so that we can view site.

    Best regards,
    Rikard

    #916124

    Hi Rikard,
    Sorry about that! please see below.
    Thanks
    Gary

    #916487

    Hi Gary,

    Thanks for that. Please try this CSS instead to see if it works better:

    .av_header_glassy .main_menu .menu-item a {
      color: orange!important;
    }

    Best regards,
    Rikard

    #916562

    Hi Rikard,
    This does change the menu colour to Orange! but I was wondering If this is possible to change just when hovered over, and remain white when not.
    Many Thanks
    Gary

    #916633

    Hi Gary,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .av_header_transparency .av-main-nav li:hover {
      color: orange;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #916691

    Hi Victoria,
    Works a treat…!
    Many Thanks
    Gary

    #916731

    Hey,
    How would I add a seperator between the header menu & social logos, Ive lokked eveywhere but cant find this?
    Thanks
    Gary

    #916859

    Hi,

    I couldnt help, clef does nto allow me to login.

    Best regards,
    Basilis

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