[Resolved] Line under menu titles ruins drop down menu

Home Forums Support Line under menu titles ruins drop down menu

  • This topic has 2 replies, 2 voices, and was last updated 12 months ago by David.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1018320
    Anton

    Hello guys,

    With the help of you guys, I fixed a small like under each menu item when hoovering over it. This works great, but when I have a drop-down menu it gets a little bit messed up. It sort of crosses over the drop down menu text.

    This is the CSS I am using:

    .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: 0.2px solid #FFFFFF;
    position: relative;
    top: -10px;
    opacity: 1;
    }

    Could you please help me get rid of the underline in my drop down menu?

    Thanks in advance.

    Best regards,
    Anton

    #1018403
    Anton

    My bad. This have already been answered on the forum in this thread: https://generatepress.com/forums/topic/underline-menu/

    Thanks 🙂

    #1018414
    David
    Staff
    Customer Support

    Glad you found the solution

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