Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 13, 2017 at 10:17 pm #746653
    mterrian

    I’d like to have my main menu items have an underline in the Hover and Active states. That much I know how to do in CSS easily.

    But I’d like the underline to be blue, rather than the color of the menu text itself. SO, for example, the menu item text would be black, but its underline blue.

    Is that even possible? How might I accomplish this?

    Thanks, Enfold wizards!!
    :)

    February 15, 2017 at 6:26 am #747279
    Rikard

    Hey mterrian,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    February 17, 2017 at 7:57 pm #748621
    mterrian

    Hello Rikard,
    I’ll send through my URL in private content. I’m just looking at the main menu, and wondering how to make the menu items BLACK (ie. Meet Us, Let’s Work Together) but make their underline or bottom border BLUE….but have the underline appear right under the words, not at the bottom of the header area. This would have to be mobile responsive too, so I’m completely perplexed.
    Thanks,
    M

    February 23, 2017 at 10:05 pm #751070
    Nikko

    Hi,

    Try to add this css code in Quick CSS (located in Enfold > General Styling):

    #top #header .av-main-nav > li > a .avia-menu-text {
    color: #000;
}

#top #header .av-main-nav > li.current-menu-item > a .avia-menu-text,
#top #header .av-main-nav > li > a:hover .avia-menu-text {
    border-bottom: 1px solid blue;
}

    Hope this helps.

    Best regards,
    Nikko

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