Archived topic
Menu Underline
7 replies · Started by Escobar on September 13, 2020
Viewing posts 1–8 of 8
Please, how can i remove the menu underline?
Hi there,
can you provide a link to your site so i can see what to change.
Sure:
https://www.mivestuariolaboral.com
<a href="https://www.mivestuariolaboral
.com">Vestuario laboral
Thanks.
I am sorry, menu underline in desktop version, of course.
Thanks again.
Hi there,
Go to "Customize > Additional CSS" and remove this CSS:
@media (min-width: 768px) {
.main-navigation .menu>.menu-item>a:before,
.main-navigation .menu>.current-menu-item:not(.wc-menu-item)>a:before,
.loud-link a:before {
content: "";
position: absolute;
display: block;
bottom: 1em;
width: 0%;
height: 2px;
background-color: currentColor;
-webkit-transition: 0.3s width ease;
transition: 0.3s width ease;
}
.main-navigation .menu>.menu-item:hover>a:before,
.main-navigation .menu>.menu-item.sfHover>a:before,
.main-navigation .menu>.current-menu-item:not(.wc-menu-item)>a:before,
.loud-link a:hover:before {
width: calc(100% - 40px);
}
.loud-link a {
position: relative;
padding-right: 40px;
}
.loud-link a:hover:before {
width: calc(100% - 64px);
}
.loud-link a:before {
bottom: -0.5em;
}
}
Hope this helps!
Fantastic!!!
Thanks a lot.
Thanks
No problem :)
This archived topic is closed to new replies.