Header Troubleshooting in Motion theme - Urgent

Store Design
, , , , , , , , , , ,

Topic summary

A user encountered an unwanted white transparent space appearing above the header section in the Motion theme. An image was provided showing the spacing issue.

Solution Provided:

  • Navigate to Online Store → Edit Code → theme.liquid file
  • Insert custom CSS code above the </body> tag to remove the spacing
  • The CSS targets the header element to eliminate top padding/margin

Status: The issue appears resolved, with a before/after screenshot demonstrating the white space successfully removed from above the header.

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

I’m using the Motion theme, and I’ve noticed that there’s a white transparent space above the header section. Could you please guide me on how to remove or hide this space?

Website: https://e54etn8ce0t65mr9-67925410094.shopifypreview.com

Thanks in advance.

Sivadarshan_0-1740979812365.png
Sivadarshan_0-1740979812365.png1718×480 179 KB

1 Like
2

Hey @Sivadarshan

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-1740980366867.png
Moeed_0-1740980366867.png1899×919 169 KB

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

Best Regards,
Moeed

1 Like