Hi @MiguelMaya
Please go to Online Store > Themes > Customize > Theme settings > Custom CSS, paste this code and save the changes.
.footer__content-top {
padding-bottom: 0 !important;
}
.footer__content-bottom {
padding-top: 0 !important;
}
Topic summary
Goal: reduce the large gap between footer social icons and copyright in the Shopify Dawn theme, plus a side issue about missing header social icons.
Proposed fixes focus on CSS padding adjustments. Edit a stylesheet (e.g., base.css/theme.css/styles.css/custom.css/theme.scss.liquid) to reduce spacing: set .footer__content-top padding-bottom to a smaller value (examples: 0–0.3rem) and .footer__content-bottom padding-top to a smaller value (examples: 0–1rem).
Alternative approach requires no code editing: go to Online Store > Themes > Customize > Theme settings > Custom CSS and add rules to set both paddings to 0 for the tightest spacing. Save changes and verify visually.
Screenshots demonstrate the compressed spacing after these changes. Technical notes: CSS is the stylesheet language that controls presentation; padding is the internal space within an element (top/bottom affect vertical gaps).
The secondary question about social icons in the header disappearing was raised but not addressed with a solution. No confirmation from the original poster and no marked resolution; discussion remains open with multiple viable CSS options.
