So im struggling to remove these underlines in footer tab, ive tried so many codes in the community but nothing seems to be working. pls help!
I do have this animation effect i applied to the header but no idea how i can apply the same on footer. would be great if someone can help me with this
website - https://the-style-luxe.myshopify.com/
password - reucho
1 Like
@hasanali1
Hello,
Please add the given code above in theme.liquid
online store >> edit code >> theme.liquid
footer .list-menu__item--active {
text-decoration: none!important;
}
after added. look of footer link like this.
hi, thank you for this looks a bit better!
however, do u have a way of getting rid of the line once HOVERING around it?
@hasanali1
Please add one more code above in theme.liquid.
.footer-block__details-content .list-menu__item--link:hover{
text-decoration:none!important;
}
1 Like
thank you, ur awesome!! one last thing I just noticed is that I got a hover underline in a submenu (header) could you help?
@hasanali1
You want to remove all underline on the menu items on both header and footer?
I do like the line animation on the header and i don’t wanna change it
but there’s underline when hovering on the SUBMENU under the shop menu
hopefully, that makes sense 
1 Like
actually nevermind, i would like to get rid of the underline on header as well - thanks in advance
@hasanali1
add given code above in theme.liquid
.header__submenu .header__menu-item:before{
opacity: 0!important;
}
i hope its helping you 
1 Like