Hello, i would like to move my footer caption and payment icons higher on desktop, as the gap is currently too big:
my store is www.antico-abito.com , theme is dawn
Topic summary
A user seeks to reduce excessive vertical spacing between their footer caption and payment icons on desktop view for their Shopify store (antico-abito.com) using the Dawn theme.
Solutions Provided:
Two community members offered CSS-based fixes to be added to the base.css file:
-
Option 1: Targets
.footer__content-topand.footer__content-bottomclasses, removing padding on desktop (min-width: 768px) usingpadding-bottom: 0andpadding-top: 0 -
Option 2: Adjusts margins on
.footer__list-social(5px bottom margin) and.footer__content-bottom(5px top margin), with values customizable to preference
Both solutions include screenshots demonstrating the reduced spacing. The issue remains open as the original poster hasn’t confirmed which approach worked or if the problem is resolved.
since you are new here, you can ask expert who help you to do it to change or have you lost contact with them
Hi @ads18922 ,
Go to Online Store > Themes > Actions > Edit Code > base.css Add below code at the bottom of base.css file
@media (min-width: 768px) {
.footer__content-top.page-width {
padding-bottom: 0 !important;
}
.footer__content-bottom {
padding-top: 0 !important;
}
}
Hi @ads18922 ,
Go to Online Store → Themes → Edit code → Assets → base.css
Add this code at the bottom
.footer .footer__list-social {
margin-bottom: 5px; /* reduce space below social icons, adjust as required */
}
.footer .footer__content-bottom {
margin-top: 5px; /* reduce space above payment icons, adjust as required */
}
Save and refresh preview
Here is the result
Thanks
Manoj