Can someone tell me how to reduce the space in the picture between header and product?
Thank you!
Topic summary
A user seeks help reducing excessive white space between their Shopify store’s header and product display area, sharing a screenshot to illustrate the issue.
Proposed Solutions:
Two respondents provide similar CSS-based fixes:
- Both recommend editing the
theme.liquidfile in the theme code editor - Solution involves adding custom CSS code above the
</body>tag - The CSS targets specific spacing/padding elements to minimize the gap
Current Status:
The discussion remains open with no confirmation whether the suggested solutions resolved the problem. One respondent requested the website URL and password for more specific troubleshooting, but this information wasn’t provided in the visible thread.
Note: Some text in the original posts appears corrupted or reversed, making portions difficult to read, though the core technical guidance is clear.
Share website Url and password
Hey @KimGottwald
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @KimGottwald ,
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