How can I make my landing page video full screen on mobile view?

silverthunder
New Member
5 0 0

my video on the landing is perfectly full screen for desktop, but it is too narrow on the mobile view (see screenshot attached). Anyway the video can be shown as cropped-in/full-screen on mobile view? like what the video hero does.  (I want to use video instead of video hero is because I want the video to have sound and playbar etc.)

Screenshot 2024-02-21 at 00.20.48.png

Replies 3 (3)

webwondersco
Shopify Partner
1036 157 154

@silverthunder Hope you are doing well.

 

Could you please share your store URL?

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
a small Coffee Tip would be greatly appreciated. 🙂
silverthunder
New Member
5 0 0

yes! site is: xuxu.world. password is: silverlakethunder

webwondersco
Shopify Partner
1036 157 154

@silverthunder the video is set it's height based on the screen size.

 

You can solve the issue of height on small screen devices by adding the mobile video separately with different dimensions.

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
a small Coffee Tip would be greatly appreciated. 🙂