How to remove footer underline links when clicking | Dawn Theme

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 :slightly_smiling_face:

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 :slightly_smiling_face:

1 Like