How to reduct line spacing in footer menu - Mobile view - Dawn theme

Shopify Discussion

Topic summary

A user sought help reducing excessive line spacing in the footer menu on mobile view for Shopify’s Dawn theme, specifically for policy links.

Solution provided:

  • Add CSS code to the bottom of the base.css file:
    .footer__copyright .policies li a {
  padding: 1px 0;
}

Outcome:

  • The CSS solution successfully resolved the spacing issue.
  • The discussion is marked as resolved.
Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Has anyone got suggestions on how to reduce the ‘line spacing’ in the footer menu in Dawn theme when in mobile view? I only have the policies in the menu. Thanks.

djsch_0-1744494047699.png
djsch_0-1744494047699.png990×518 24.1 KB

2

Hello @djsch add this Css bottom of base.css files

.footer__copyright .policies li a {
padding: 1px 0;
}

3

This worked. Thank you.