Hey guys,
as you can see in the picture below, the distance between the sections in the footer is too low so I want to increase it. How can I do that?
Thank you and kind regards!
Topic summary
Issue: spacing between sections in the store footer is too tight; requester wants to increase the distance. Screenshots illustrate the cramped footer, and a code-based fix is central to the solution.
Latest update: after the store URL and password were provided, a CSS solution was shared to increase spacing.
Action steps:
- Go to Online Store > Theme > Edit Code. Open assets/base.css.
- Add this rule at the end of the file: .footer__content-top .grid { gap: 10rem; }
Explanation: the CSS “gap” property controls spacing between items in a CSS Grid. Setting it to 10rem creates larger space relative to the root font size; the value can be adjusted to taste.
Outcome: a concrete fix and file location were provided, with an illustrative screenshot. Resolution appears likely, but there’s no explicit confirmation from the requester yet, so the thread’s final status is pending.
1 Like
Hello @ekrembcc
Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?
1 Like
Hello @ekrembcc
Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css.
Add the provided code at the end of the file.
.footer__content-top .grid {
gap: 10rem;
}
