when hover underline in submenu, also when active change color and underline

Astrophytum

Hello,

please see tis website:

https://pilzschule-vogtland.de/

In the submenu under "Leistungen" I will have the font underline when hover.

I try this CSS, buts not working:

 #Top_bar .menu > li ul li a:hover, #Top_bar .menu > li ul li.hover > a { text-decoration: underline !important; }

Next:

When the link in submenu is active, I will change the color and font underline.

You can help with some CSS? :)

Kind Regards,

Steffen

Phil

Hi,

Please try the following CSS code:

@media only screen and (min-width: 1240px) {
 .menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu > li.submenu:hover > a:not(.menu-toggle)::before,
 .menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu > li.submenu.current-menu-ancestor > a:not(.menu-toggle)::before{
   content: "";
   display: block;
   position: absolute;
   height: 1px;
   left: 10%;
   top: 50%;
   margin-top: 20px;
   width: 80%;
   background: #921a11;
 }
}

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Astrophytum

Hello,

thank you very much for fast helping.

Kind Regards,

Steffen