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.)
Topic summary
-
Main issue: The landing page video displays full-screen on desktop but appears too narrow on mobile. The requester wants a cropped/full-screen look on mobile similar to “video hero,” while keeping sound and a playback bar (hence using a standard video section instead of a hero video).
-
Context: A screenshot was attached to illustrate the mobile layout problem. The store URL and password were shared to allow inspection.
-
Technical note: A responder identified that the video’s height is being set relative to the screen size, which leads to the undesired appearance on smaller devices.
-
Proposed solution: Add a separate, mobile-specific video with different dimensions to address height/fit on small screens.
-
Status/outcome: No code or theme settings were provided; the suggestion has been made but not confirmed. The discussion remains open with implementation details and verification pending.
@silverthunder Hope you are doing well.
Could you please share your store URL?
yes! site is: xuxu.world. password is: silverlakethunder
@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.