Heyy!! I’ve built a custom video section but I can’t seem to make it mobile friendly, Can someone please help me ??
Thank you soo much!! Also the video is loading after few seconds
url - https://glamour-glitz-theme.myshopify.com/
pass - stufle
Topic summary
A user created a custom video section for their Shopify store but encountered two issues: the section isn’t displaying properly on mobile devices, and the video has a delayed loading time.
A community member provided a CSS solution targeting mobile viewports (max-width: 749px) that adjusts the video container’s height and padding properties. The suggested code modifies .videoBackground .videoBox to use automatic height values and removes padding.
The response includes a screenshot demonstrating where to add the custom CSS within the video section settings. The delayed video loading issue remains unaddressed in the current discussion.
Hi @shilpa_etsy
You can try to add this code to the Custom CSS of your video section
@media (max-width: 749px) {
html .videoBackground .videoBox {
height: auto;
min-height: auto;
padding: 0;
}
}
