Video height full screen and cropped + header transparent

Store Design
, ,
1

Hello,

How can I make the video full screen on mobile and desktop (cropped to fit the screen) and make the header look transparent with it?

I tried to find any solution but nothing worked.

Would appreciate any help!

Website www.talmaslavi.com

2 
section#shopify-section-template--16866636267733__0393f7a0-116a-4e0b-a4c0-2bc4a8716191 video {
    height: 100vh;
    object-fit: cover;
}

The above code will make your video full screen and object fit cover. To make the header transparent you need to write CSS for the Navbar.

3

Thank you so much!
Can you help me making the header transparent with the video?

4

Unfortunately its not working :disappointed_face: