Hi how do i remove the black space in my mobile version of my footer?
I’m a noobie to code.
Also is it possible to make the spacing more even and tighter on web version so the footer isn’t cluttered?
Thank you.
Topic summary
A user seeks help removing black space in their mobile footer and creating tighter, more even spacing in the web version to reduce clutter.
Initial Solutions Offered:
- One responder provided CSS code to be added to the theme.liquid file via Online Store → Theme → Edit code
- Another requested the store link for inspection
Follow-up Issue:
After implementing the first solution, the “Customer Care” and “Our Policies” columns became uneven, requiring additional fixes.
Current Status:
The user shared their store link (https://2cc3d4-2.myshopify.com/?_ab=0&_fd=0&_sc=1), and a responder is providing additional CSS code to address the column alignment issue by adding it to the theme.liquid file before the closing tag.
The discussion remains ongoing as the user works through multiple footer spacing adjustments for both mobile and desktop versions.
Hi @TheUnavailable ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file → Save
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Could you share your store link to check?
Thanks, the Customer Care & Our Policies columns became on even, how do I fix?