Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 12, 2017 at 7:39 am #837768
    ccyran

    Hey guys,

    Can you provide CSS so that when a person hovers over anything in my header menu, a white underline appears beneath it? And disabling it changing color.

    Thanks!
    Chris

    Homepage

    August 12, 2017 at 1:25 pm #837854
    Sarah

    Hey Chris,

    For the underline, you can do this without CSS. Please go to Enfold > Header >Header Layout. Under “Header Style”, please select Default instead of Minimal.

    Then, for keeping the menu color white, please add this in Quick CSS:

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

    Best regards,
    Sarah

    August 12, 2017 at 8:49 pm #838010
    ccyran

    Got it!

    Is there CSS for removing those two black lines when I use the default header style?
    Image attached for reference: https://ibb.co/iQVpUv

    August 12, 2017 at 10:02 pm #838038
    Mike

    Hi,
    I don’t see the black lines on your site right now, can you make the change that produces them so we can offer a fix?

    Best regards,
    Mike

    August 12, 2017 at 10:06 pm #838044
    ccyran

    Hey Mike,

    Sure thing. It’s when I make the header style “default”. I put it back there just now! Also just noticed that it happens when you scroll down.

    • This reply was modified 7 years, 4 months ago by ccyran.
    August 12, 2017 at 11:29 pm #838072
    Mike

    Hi,
    Try:

    .header_color div {border-color: transparent!important; }

    Best regards,
    Mike

    August 12, 2017 at 11:43 pm #838074
    ccyran

    Thanks Mike!

    Is there CSS to make the underline closer to the type? And not as wide?

    August 12, 2017 at 11:56 pm #838078
    Mike

    Hi,
    Sorry, it’s a border so it would always be full width.

    Best regards,
    Mike

    August 13, 2017 at 12:28 am #838083
    ccyran

    I see, thanks!

    August 13, 2017 at 12:35 am #838088
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Underline in tabs on hover’ is closed to new replies.