Background Video alpha site

Design help Layout & Design
1

Greetings Forum,

Background video in the desktop view is ok. However, when you go through the responsive breakpoints it becomes much smaller (not even a full screen) on tablet and phone view breakpoints. Have tried a lot of resizing the background video without a positive result. Please help. thanks.

https://deft-ux-design.webflow.io/

2

Hi Twaina,

I’ve inspected your site and noticed that your height setting for that video is getting overwritten to “auto”:

grafik
grafik724Ă—203 11.4 KB

Removing that setting results in a 100vh height and shows the video in full screen on mobile:

grafik
grafik454Ă—630 70.3 KB

If you need more assistance in how to change that in the designer, please share your read-only link.

3

Thank you for your response, Crhis. We really appreciate it. Here’s the read only link:

https://preview.webflow.com/preview/deft-ux-design?utm_medium=preview_link&utm_source=designer&utm_content=deft-ux-design&preview=dd1ea536d47b89511992ab9809c8b8d9&mode=preview

4

You’re welcome!

Check your banner class on tablet view:

grafik
grafik239Ă—712 15.2 KB

And reset the height (to 100vh).

5

Hey @Twaina just my two cents here on the background video, it might be a good idea to replace it with a static frame from the video for mobile view. It can pose an enormous data load on your visitors who are visiting over cell. data

6

Thank you very much. I hadn’t thought about that. Makes perfect sense.

1 Like
7

Thank you again for everything, Chris. Your help is much appreciated.