change size of text for footer (desktop only)

Store Design
, , ,

Topic summary

A user wants to reduce footer text size on desktop only for their Shopify store (www.antico-abito.com) using the Dawn theme. They provided screenshots showing the current larger footer text and a reference example of the desired smaller size.

A solution was provided involving custom CSS:

  • Navigate to: Online Store → Theme → Edit Code
  • Locate one of these files: base.css, theme.css, style.css, main.css, or custom.css
  • Add CSS code targeting footer links with font-size: 11px wrapped in a media query for screens 769px and wider

The media query ensures the styling applies to desktop devices only, leaving mobile footer text unchanged. The discussion appears resolved with a working solution provided.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

hello, i want to change the size of my text for my footer, for desktop only. Here is my website:

Screenshot 2025-02-17 at 18.14.37.png
Screenshot 2025-02-17 at 18.14.37.png2108×875 54.1 KB

i would like it to be similar size to this:

Screenshot 2025-02-17 at 18.14.53.png
Screenshot 2025-02-17 at 18.14.53.png2859×719 132 KB

my website is www.antico-abito.com , theme is dawn

2

Hi @ads18922 ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

@media (min-width: 769px){
a.link.link--text.list-menu__item.list-menu__item--link {
    font-size: 11px !important;
}
a.link.link--text.list-menu__item.list-menu__item--link {
    font-size: 11px !important;
}
}