Hi there,
There’s way too much spacing above and below my footer on desktop (mobile is fine)
Could you please help me get rid of it?
URL: https://vaneijkmode-arnhem.nl/
Thank you so much!!
Topic summary
A user is experiencing excessive spacing above and below their footer on desktop (mobile displays correctly) and seeks a solution.
Solutions Provided:
Two developers offered CSS-based fixes:
- Solution 1: Add CSS targeting screens wider than 700px to set
--footer-padding-block: 0remand--footer-part-gap: 2remfor the.footerclass - Solution 2: Modify
.footer__wrappergap to 5px and.footer__aside.empty\:hiddengap to 15px
Both solutions involve editing the theme.css file through the Shopify admin panel (Online Store → Themes → Edit Code). Screenshots demonstrate the reduced spacing after applying the fixes.
Status: Multiple solutions provided; awaiting user confirmation on which approach resolved the issue.
1 Like
Hello @ultimatebeanzmo
Go to online store ----> themes ----> actions ----> edit code ----> theme.css
add this code at the end of the file and save.
@media screen and (min-width: 700px) {
.footer {
--footer-padding-block: 0rem;
--footer-part-gap: 2rem;
}
}
Result
If this was helpful, hit the like button and accept the solution.
Thanks
Hello @ultimatebeanzmo
Go to Online Store, then Theme, and select Edit Code.
Search for assets/theme.css Add the provided code at the end of the file.
.footer__wrapper {
gap: 5px;
}
.footer__aside.empty\:hidden {
gap: 15px;
}
Output :-
