[Resolved] Line under menu titles ruins drop down menu

[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

[Anton]

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

Thanks 🙂

[David]

Glad you found the solution

[Author]

Posts