Celebrating 7 Years! Get up to $30 off GeneratePress Premium!

[Support request] Remove underline sub-menu

Home Forums Support [Support request] Remove underline sub-menu

Home Forums Support Remove underline sub-menu

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #524780
    jcbeal

    I want to remove the underscore from the submenu, which is currently becoming a strikethrough anyway.

    #525070
    Leo
    Staff
    Customer Support

    Hi there,

    Not sure what CSS you are using but I’d recommend trying this:

    .main-navigation .main-nav > ul > li > a {
        border-bottom: 1px solid transparent;
    }
    .main-navigation .main-nav > ul > li > a:hover {
        border-bottom: 1px solid #000;
    }

    Let me know if this helps.

    #525120
    jcbeal

    The css is :
    .main-navigation .main-nav ul li[class*=”current-menu-“] > a:after,
    .main-navigation .main-nav ul li:hover > a:after,
    .main-navigation .main-nav ul li.sfHover:hover > a:after {
    content: “”;
    display: block;
    width: 100%;
    border-bottom: 3.5px solid #007310;
    position: relative;
    top: -10px;
    opacity: 1;
    }

    Thanks

    #525351
    Leo
    Staff
    Customer Support

    Have you tried mine? I think it should work better.

    If you still like yours then just make sure to add the “>” in the selector like I did.

    #525452
    jcbeal

    Your code is better. But underlining I just want you to cover the text.
    Thank you.

    #525836
    Leo
    Staff
    Customer Support

    Ah ok then just try adding “>” in your selectors like I did with mine.

    Let me know if this helps.

    #526007
    jcbeal

    Hello ,

    This code does not show underlining.

    .main-navigation .main-nav > ul > li[class*=”current-menu-“] > a:after,
    .main-navigation .main-nav > ul > li:hover > a:after,
    .main-navigation .main-nav > ul > li.sfHover:hover > a:after {
    content: “”;
    display: block;
    width: 100%;
    border-bottom: 3.5px solid #007310;
    position: relative;
    top: -10px;
    opacity: 1;
    }

    #526477
    Leo
    Staff
    Customer Support

    Hmm can you apply it so I can see why it’s not working?

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