video banner sizing

Topic summary

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

Primary Issue:
The video banner displays incorrectly on mobile devices—it appears stretched downward rather than maintaining proper proportions.

Current Status:

  • The user shared their store URL (mylovegem.com) for troubleshooting
  • A support representative from MS Web Designer requested the URL to investigate
  • The representative later indicated the issue appears to be resolved

Technical Context:
The implementation uses a video hosted on Shopify’s CDN with custom styling for the banner heading and button elements. The mobile display issue suggests potential CSS viewport or aspect ratio problems that may have been addressed.

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

Hello,

Hope you are doing well.

I hope this is solved.

Please let me know if you need further assistance.

Regards,

San