How do I remove this empty space in my footer?

[croberts3250]

Thanks so much for helping.

[The_ScriptFlow]

Hey @croberts3250,

Could you please share the store URL and password [if applicable] so that I can take a look and provide you solution code.

Thanks

[goldi07]

Hello @croberts3250 The empty space in the footer (marked with the red "C") is most likely caused by extra bottom padding or margin settings, or possibly by an empty element or line break inside the footer content.

How to Fix It:
Step 1: Check Section Padding
You’re already in the Footer section settings in the theme customizer:

. Under Section padding, set Bottom padding to 0 px (currently it is set to 20 px).

. Then preview the change in the live editor to see if that removes the space.

Step 2: Check for Extra Content
Still in the footer section:

. Scroll down to check if there's any custom HTML, empty text block, or line breaks entered in a "Rich Text" or "Custom Liquid" block.

. Remove any <br> tags or empty <div> tags if found.

Step 3: Inspect with Developer Tools
If it's still there:

1. Right-click the space and select Inspect (or press Cmd+Option+I / Ctrl+Shift+I in your browser).

2. Look for an element with height or padding that doesn't contain content.

3. Identify the class or ID and remove or reduce the margin/padding using Custom CSS.

Example CSS Fix

.footer__content-bottom {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

Or, if the spacing is due to the copyright block:

.footer__copyright {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

if its not work then give me the store link i will try to fix it 

Thank you 😊

[devcoders]

Hello @croberts3250 
Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.