I am trying to remove this extra space from my footer , i have already tried to reduce the padding to 0 but no change.
Here is the link to the shop. I would appriciate any help
Topic summary
Issue: Extra vertical space in a Shopify footer persists even after setting padding to 0.
Context: The poster shared a live store link and a screenshot to illustrate the gap. After a delay, they asked for assistance again.
Key guidance provided:
- Use the browser’s Code Inspector/DevTools (e.g., Chrome F12) to locate the styles affecting the footer.
- In section-footer.css, the classes .footer__content-top (around line 10) and .footer__content-bottom (around line 44) define padding that controls the spacing.
- Adjust those padding values to reduce the extra space.
Notes:
- The screenshot and store link are central for visual/contextual verification.
- The initial attempt likely didn’t target the specific classes controlling the spacing, or other rules override it.
Status: No confirmation of a fix yet; the suggestion to edit the specified CSS classes is the current actionable step, and the issue remains open pending feedback.
Is it that complicated that no one can help ?
Hi there,
I am new to Shopify, but I know CSS well. Do you know how to use the Code Inspector? (In Chrome hit F12)
You can see that in “section-footer.css” these classes:
.footer__content-top (line 10), and
.footer__content-bottom (line 44)
have padding attributes.
You can tweak the padding attributes to change the spacing.