Background Video behind NavBar

Design help General
1

Hello

I’ve set up a Navigation Bar as a Symbol with transparent background
Logo on the left, menu on the right

Under i set a Background Video.
I want the video to be under the NavBar so i set the margin-top to -60px.

The problem is that the width of the video shrink between the logo and the menu.

How could i keep the width of the video to 100% ?

Thank you

bgvid
bgvid1214×545 118 KB

2

I’ve succeded by adding a custom css
display: contents
to the bg video

Seems to work very fine but i’d like to know if i can do that without custom code

Thanks

bgvid2
bgvid21269×449 278 KB

3

Hi @David_Demri,

You should be able to do this without that code. Please post your read only link so we can take a look.

4

Hi

https://blackmotion.webflow.io/

Yes and the problem with this technique is that the next section comes under the Navbar…

5

I’ve put it back with margin-top:-60px and removed the custom code

6

Sorry i didn’t understand the read-only system
Here is the link: @garymichael1313

https://preview.webflow.com/preview/blackmotion?utm_medium=preview_link&utm_source=designer&utm_content=blackmotion&preview=658a58ca82638df4d3b42e63036ab647&mode=preview

Thanks

7

It’s working by setting display: table-row

It’s the solution while waiting for something without custom code