i have a liquid video on my home page. there are white gaps above and beneath my video, but i want remove the gap
Topic summary
A user encountered unwanted white gaps appearing above and below a liquid video element on their Shopify homepage.
Solution Provided:
- Access the theme.liquid file through Online Store > Edit Code
- Insert custom CSS code above the closing tag to remove the white borders
- The provided code successfully resolved the desktop spacing issue
Follow-up Issue:
After implementing the fix, the video displays too narrow on mobile devices. The user is seeking additional help to make the video display full-screen or properly cropped on mobile view. Site credentials were shared for troubleshooting purposes.
The discussion remains open with the mobile responsiveness issue unresolved.
Hey @silverthunder
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. this is perfect.
on the mobile view the video is too narrow on the screen. anyway on mobile view the video is cropped-in/full-screen?
site:xuxu.world
password:silverlakethunder