Mobile background video full height Dawn 7.0.1

Technical Q&A
,
1

Hello,

I have a background video on my password page however on mobile there is a white space below the video. How do i remove this?

Thank you

LINK: https://kilvay.com/password

CODE FOR DESKTOP AND MOBILE VIDEO:

video { display: block; margin: 0 auto; width: 100%; height: 50%; top: 0; } @media (max-width: 749px) { .small--hide {display: none !important;} #Banner-template--17087053857079__main { position: fixed !important; z-index: 100 !important; top: 50% !important; transform: translateY(-50%) !important; left: 20px !important; right: 20px !important; } } @media (min-width: 750px) { .medium-up--hide {display: none !important;} video.small--hide{ height: 100vh !important; object-fit: cover !important; position: fixed !important; }

{% comment %} Desktop Show {% endcomment %}

{% comment %} Mobile Show {% endcomment %}

2

@scotticus , hope you are doing well..

it looks perfect on my end. could you please share a screenshot?

3

Hey,

Thank you for the reply. Here is a screenshot, there is white space at the bottom when scrolled.

Any help is appreciated.

Thank you again

IMG_1522.jpg
IMG_1522.jpg1125Ɨ2260 132 KB

4

@scotticus , it looks a little challenging to find out.

Should I take a look at your customized theme settings and code?

5

@scotticus , I have tried by adding some CSS in inspect element but it causes issues with white space at the top and bottom.