Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 22, 2016 at 7:17 pm #652345
    fanlokbun

    Hi I am using the glassy header and I need to change the hover state of the main menu links. I found how to change the normal state under ‘Logo Area font color’ but hover just un-boldens whatever color I use. I want it a different color.

    Also the line underneath is not working. On previous sites I have built with Enfold the following custom css works but not on this site:

    /* Header link line*/
#top .header_color.av_header_transparency .avia-menu-fx {
    background: #4356ff none repeat scroll 0 0;
}

    Please can you find what I am missing? This is the site you will need a login to get in:
    http://prestige-cars-shaftesbury.co.uk/

    June 23, 2016 at 8:36 am #652540
    Rikard

    Hi fanlokbun,

    Not sure if I understand you correctly or not, you want to change the hover state of the main menu links? If so you should be able to do that under Enfold–>Advanced Styling, could you try that please? The CSS you posted doesn’t seem to have anything to do with the menu.

    Thanks,
    Rikard

    June 23, 2016 at 11:28 am #652581
    fanlokbun

    Hi Rikard,

    1. I have already got Advanced Styling ‘Main Menu Links’ set up and it works fine but only after you scroll down. I want the main menu links on the header to be the same. Scroll down and you will see what I mean.

    2. If that css is incorrect what do I need to use to get the bar to show below the link as it does in the Enfold demo.

    Thanks
    Rob

    June 27, 2016 at 2:58 pm #653796
    Andy

    Hi,

    use this code:

    #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a:hover {
color: red;
}

    Best regards,
    Andy

    June 27, 2016 at 3:39 pm #653819
    fanlokbun

    Thanks Andy that works great. I added opacity: 1; to get rid of the opacity change.
    I have sorted the missing line below. It was missing because I had not created a menu and enabled the theme location.
    So all sorted.
    Thanks again
    Rob

    June 27, 2016 at 4:02 pm #653839
    Andy

    Hi,

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Glassy header link hover and line’ is closed to new replies.