Video banner sizing

Topic summary

A user is implementing a video banner on their Shopify store using custom Liquid code that includes an autoplaying, looping video with overlay text and a call-to-action button.

Technical Issue:

  • The video banner displays correctly on desktop
  • On mobile view, the video appears stretched vertically/downwards

User’s Request:
Seeking guidance on how to fix the mobile display issue and restore the video to its normal proportions across all devices.

Note: The post includes code snippets and reference images showing the desired desktop appearance versus the problematic mobile rendering, though portions of the code appear corrupted or improperly formatted in the original message.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.

Hello, I am using this liquid code for my store

example text

For some reason when displayed on mobile view it is stretched downwards like the image below

I was wondering how to turn it back to normal, refer to image below