Remove underline hon hover from footer element in dawn theme

Store Design
,

Topic summary

A user seeks to remove the underline effect that appears when hovering over footer links in their Shopify Dawn theme store.

Problem: Footer links display an underline on hover (demonstrated via screenshots), which the user wants to eliminate.

Proposed Solutions:
Multiple respondents provided CSS code snippets targeting the hover effect, with slight variations:

  • Most suggest editing section-footer.css and adding code like text-decoration: none !important; or text-decoration: unset !important;
  • Target selectors include .footer-block__details-content .list-menu__item--link:hover and .copyright__content a:hover
  • Alternative approaches suggest editing theme.liquid or theme.css/base.css files

Current Status: The issue remains unresolved. The original poster tested at least two suggested solutions but reports the underline still appears on the page, as confirmed by follow-up screenshots. No working solution has been identified yet.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
3

Hello @SatoriVintage

Go to online store ----> themes ----> actions ----> edit code ----> assets ----> section-footer.css
add this code at the end of the file and save.

.footer-block__details-content .list-menu__item--link:hover, .copyright__content a:hover {
text-decoration: none !important;
}

result

154.png
154.png673×305 2.16 KB

If this was helpful, hit the like button and accept the solution.
Thanks