Hey I need to remove the white space between my custom liquid video and the header Its just a small gap but I am not sure how to fix this. Thanks
Topic summary
A Shopify store owner needed to eliminate unwanted white space appearing between a custom liquid video element and the site header.
Solution Provided:
- Add custom CSS code to the theme.liquid file, placed above the closing
</body>tag - The CSS targets the section element with
margin: 0 !important; - Alternative suggestion: Add similar CSS code to the theme’s Assets > theme.css file
Outcome:
The original poster confirmed the solution successfully resolved the spacing issue. The problem was specific to the store empirehomegym.com and involved modifying theme code files directly in the Shopify admin.
Hey @notrabnai
Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!
Best Regards,
Moeed
Here you are
Hey @notrabnai
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
1 Like
Thank you soooo much have a great day!
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.
Hi @notrabnai
This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Theme.css
.section {
margin: 0 !important;
}
Hope you find my answer helpful!
Best regards,
Richard | PageFly