How To Remove Footer Underline Links When Clicking | Dawn Theme

Hello Everyone!

I am using Shopify Dawn theme. I am struggling to remove these underlines in the footer. Also, the color will change after clicking on the menu. Please help me. Thank you.

https://blue-chic-clothes.myshopify.com/

Password: Admin

1 Like

@dreamtechzone_5

Hello,

You please add the below code above in theme.liquid

online store >> edit code >> theme.liquid


If our solution helpful for you then please like the post and tap on accepted.

Thankyou :slightly_smiling_face:

2 Likes

Hi @dreamtechzone_5

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “section-footer.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.footer-block__details-content .list-menu__item--link:hover {
    color: white !important;
    text-decoration: none;
    text-underline-offset: 0rem;
  }

I have pasted the code. But it’s not working.

Result

It worked. Thank you. One more thing After clicking the menu it should turn black.

Hello! You mean, it needs to turn black when it’s being clicked? Or it should turn black indicating the current corresponding page?

Sure, but please let us know, clicking on text or hovering?

it needs to turn black when it’s being clicked?

yes

When I click on contact us it will be black.

ok we will give you the code for fix it

Please replace the whole code which is given by us with the below code.