How can I set up a responsive video banner on the Dawn theme?

GLC123
Visitor
1 0 0

I am using the Dawn theme and would like to have a video instead of the image banner

 

Also, I want the video banner to be in portrait mode on mobile, and landscape in desktop. Basically if you are on mobile the source video is different to the source video on the desktop..

 

Can someone help please?

Reply 1 (1)

PageFly-Theodor
Navigator
474 64 74

Hi @GLC123 ,
This is Theodore from PageFly - Shopify Page Builder App.

You want a responsive video banner for your Dawn theme Shopify store that uses different videos for mobile and desktop. Here are your options:

Option 1: Shopify App

The Shopify App Store offers apps specifically designed for responsive video banners. These apps might have a user-friendly interface to manage different video sources for mobile and desktop versions. Search for terms like "responsive video banner" or "slideshow with mobile support."

Option 2: Code Customization

This option requires editing the Dawn theme code (recommended for developers). You'll need to replace the image banner code with video embed code that uses JavaScript libraries or media queries to display different videos on mobile and desktop.

Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.