How to make Video responsive

Design help Layout & Design
1

Hello!
Can anyone please help me with adjusting the video header to not get so cut off?
Here is my read only link: :point_down:

https://preview.webflow.com/preview/meacham-marketing-co?utm_medium=preview_link&utm_source=designer&utm_content=meacham-marketing-co&preview=5f893c59dfce1b7404167c405902ac51&workflow=preview

2

hi @emilymask your question is very unclear.

  1. If you are talking about cuts from top it is related to your navbar fixed position.
  2. If you are talking about cuts from sides it is related to responsiveness

When it comes to responsive video feel free to find solution on this forum with proper keywords as it is very common request. Another tip can be to visit “made in Webflow” to study examples how thing are done.

You also can take look how to work with CSS positioning.

NOTE: you can also use video element instead background to have more control.

1 Like
3

What @Stan said, top is the nav, but the video is also set to fill, so if anything’s being cut off on the edges that you want there you might consider changing that to contain. However, you have the top section set to 100vh and full width, so I’m assuming you want it to cover the viewport completely which means the video should be set to cover (which will chop anything that goes over the edge and then cover the viewport), and then the easiest is to add some padding above the video so it’s not behind the nav.