how to remove the white space above the image banner shopify

Store Design
, ,

Topic summary

A user encountered unwanted white space above an image banner on their Shopify store and sought help removing it.

Solution provided:

  • Access Online Store → Edit Code → theme.liquid file
  • Insert custom CSS code above the </body> tag to eliminate the spacing
  • The code targets margin/padding adjustments for the banner element

Outcome:
After initially reporting the fix didn’t work, the user reloaded their site and confirmed the white space was successfully removed. The issue appears resolved through this CSS modification to the theme file.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
1

I have white space above my image banner that I can’t remove. I have searched all the content related to this, but none of them worked. Here is my site, please help me to remove this small white space for me. https://furrytaleus.com/

Screenshot 2024-10-05 at 11.58.40 PM.png
Screenshot 2024-10-05 at 11.58.40 PM.png2824×826 197 KB

1 Like
2

Hey @vic186

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1728204289831.png
Moeed_0-1728204289831.png1892×884 166 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hi Moeed, thank you for your help. I copy the code but it doesn’t work on my end. Did I do something wrong?

Screenshot 2024-10-06 at 4.49.15 AM.png
Screenshot 2024-10-06 at 4.49.15 AM.png2764×1464 345 KB

1 Like
4

Are you sure you have added it? Because I can’t see it added on your website.

Best Regards,

Moeed

5

There much be some lag, I reload the site, and it worked. Thank you!

1 Like
6

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.