Site logo

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.

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.