I am trying to adapt my videos to full capture the screen on desktop and on mobile. Mobile cuts short and the desktop has some more room left. Can someone help? I have tried to go through other people’s discussion post who got help but none of the codes seem to work. I don’t know if I am doing somet…

This can go into “Custom CSS” setting of this section: .video-section .video-section__media { height: calc(100vh - 76px); width: 100%; padding-bottom: 0; } @media (max-width:990px){ .video-section .video-section__media { height: calc(100vh - 68px); } } It’s not the best because the h…

I am using a 16:9 resolution on my video. I want my video to fill the mobile screen and keep the desktop display,

You need to share a (preview) link to the page you’re working on. The solution is theme-dependent and may differ between sections. Also, one can’t expect the 16:9 video to cover entire mobile screen which is 9:16 without cropping, which will be significant in this case. You may need to have separ…

aldoresavant.com is my website. Password is: aldore

David, I do not see the code you are mentioning

If you set your header to Sticky: Always, i believe it will be simpler: .video-section .video-section__media { height:100vh; width: 100%; padding-bottom: 0; }

That worked perfectly! The header was not changed at all. Thank you!!

I mean, header originally has different height on mobile and desktop, so I had to account for this in my code.

Mobile and desktop video

Store Design

kaankurt25 November 7, 2024, 10:15pm 3

Where could I find that part? I cannot seem to find it

Topic		Replies	Views
Trying to make video height smaller on desktop only - DAWN theme Store Design design , customizations , collection-page , product-page	6	72	November 19, 2024
Video height on mobile Store Design design , css	9	117	December 22, 2025
Change aspect of video-background Mobile and Desktop? Store Design design	1	44	November 20, 2023
Video container blank space on mobile Store Design design , css	1	43	October 16, 2024
Custom HTML For Video sizing edit - DAWN THEME Store Design design , html	5	73	November 21, 2024

Mobile and desktop video

Related topics