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

Astrophytum · October 2023

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; }

You can help with some CSS? :)

Kind Regards,

Steffen

Phil · October 2023

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

Astrophytum · October 2023

Hello,

thank you very much for fast helping.

Kind Regards,

Steffen

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

Comments

This website uses cookies