Footer Text Box Spacing - Dawn Theme 13 ver.

Shopify Discussion

Topic summary

A user encountered excessive spacing in the footer text box on Shopify’s Dawn Theme version 13.

Solution Provided:

  • Navigate to Online Store → Theme → Edit code
  • Locate the base.css file
  • Add CSS code at the bottom: .footer-block.grid__item.footer-block--menu.scroll-trigger.animate--slide-in { width: 98% !important; }

Outcome:
The CSS modification successfully resolved the spacing issue. The solution adjusts the footer block width to 98% to reduce unwanted gaps in the text box area.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
1

Hi,

Does anyone know how to close the spacing on the footer text box?

Thanks,

Screenshot 2024-02-12 at 10.25.24 PM.png
Screenshot 2024-02-12 at 10.25.24 PM.png3296×881 154 KB

https://c0c332.myshopify.com/

password: Cho

2

Hi @JC03

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.footer-block.grid__item.footer-block–menu.scroll-trigger.animate–slide-in {

width: 8% !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

1 Like
3

It worked, thank you Henry!

1 Like
4

You are welcome @JC03 :wink: