Navigation
Archive / Remove Underline From Current Main Navigation Item (on hover)
This is archived content. Visit our new forum.
1 2
  • Author
    Posts
  • October 28, 2015 at 8:23 am #643130

    Finlando
    Participant

    Hello,

    i can’t figure out how to remove the “text-decoration:underline” from the current menu item on hover. I’ve added the underline with the help of the following css..:

    .x-navbar .desktop .x-nav > li > a > span:hover {
    text-decoration: underline;
}

    Thanks a lot in advance.

    October 28, 2015 at 8:23 am #643131

    Finlando
    Participant
    This reply has been marked as private.
    October 28, 2015 at 10:38 am #643296

    Thai
    Moderator

    Hi There,

    Please try with this CSS:

    .x-navbar .x-nav > li > a:hover {
border: none;
}

    Hope it helps 🙂

    October 28, 2015 at 10:40 am #643298

    Finlando
    Participant

    Hi,

    no changes… I mean the text-decoration: underline, which i want to remove from the current menu element.

    Hope You can help.

    October 28, 2015 at 12:28 pm #643485

    Prasant Rai
    Moderator

    Hello Finlando,

    Thanks for writing in!

    To remove underline from current menu item kindly use following CSS under Custom > CSS in the Customizer:

    .x-navbar .desktop .x-nav > li > a > span:hover {
    text-decoration: none !important;
}

    Thanks.

    October 28, 2015 at 12:52 pm #643546

    Finlando
    Participant

    Hi,

    Thanks for the help.

    The css You provided removes text-decoration on all navbar items. I want to get rid of it just for the current item.

    Sorry for bothering.

    October 28, 2015 at 1:28 pm #643606

    Prasant Rai
    Moderator

    Hello Finlando,

    Sorry for the confusion. Kindly replace above code with the following:

    .x-navbar .x-nav > .current-menu-item > a > span:hover {
    text-decoration: none !important;
}

    Thanks.

    October 28, 2015 at 4:02 pm #643787

    Finlando
    Participant

    Hello,

    no problem. I’m confused on this one too…

    Still no changes, sorry.

    I tried it with custom css class via menu settings in wordpress, and have the same picture. Maybe You’ve got something else.

    Cheers!

    October 28, 2015 at 4:11 pm #643796

    Finlando
    Participant
    This reply has been marked as private.
    October 28, 2015 at 8:13 pm #644053

    Rad
    Moderator

    Hi there,

    Try this one,

    .x-navbar .x-nav > .current-page-ancestor > a:hover,   .x-navbar .x-nav > .current-menu-item > a:hover {
    text-decoration: none !important;
}

    That should do it. Cheers!

    October 29, 2015 at 7:15 am #644616

    Finlando
    Participant

    Hi,

    …no changes. I had also trouble to add the underline to the main navbar. the only solution that worked for me was this.:

    .x-navbar .desktop .x-nav > li > a > span:hover {
    text-decoration: underline;
}

    maybe it’s the wrong way to add the underline?

    Cheers!

    October 29, 2015 at 10:03 am #644792

    Rupok
    Member

    Hi there,

    Thanks for updating. You code is right. If this solve your issue for main navigation then you can use it.

    And about the Navigation below main nav, please remove this CSS from your customizer to get rid of the underline – 

    .widget_nav_menu ul li a:hover {
  background-color: #e2e2e2;
  color: #888;
  text-decoration: underline; /*remove this line */
}

    Hope this helps.

    Cheers!

    October 29, 2015 at 10:36 am #644838

    Finlando
    Participant

    Hi,

    Sorry for the confusion. I have to remove the text-decoration: underline for the main navbar –> current item.

    Thanks a lot for the great support!

    Cheers!

    October 29, 2015 at 1:47 pm #645122

    Rupok
    Member

    You are welcome!

    Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

    Thanks for using X.

    Cheers!

    October 29, 2015 at 2:09 pm #645175

    Finlando
    Participant

    Hi.

    That didn’t helped. Excuse my bad english please. And sorry for repeating the same question for X times..:

    “How can I remove the text-decoration:underline for the current item in the main navbar?”

    Thanks a lot in advance.

  • Author
    Posts
1 2