Streaming live at 10am (PST)

Fixed video hero header


#1

Here is the web URL of the site i'm working with. I basically want to be able to have a video hero header but have it be fixed so that when the user scrolls down the page, ONLY my text container scrolls down. Im trying to achieve a parallax effect on the text as the user scrolls. I have no idea how to do this. Can you help me with instructions on what I need to do.


Here is my public share link: https://forum.webflow.com/t/fixed-video-hero-header/40019
(how to access public share link)


#2

Nice work so far! Looks great!

Could you provide your read-only link:


#3

Sure thing. Here is the read-only link
https://preview.webflow.com/preview/hedone-0b18ce40227c3fa0767f7846735c66e5?preview=f16e310940174e3b01a37563d39ad99a.
The page with the video hero header I want to work with is called "Home
Video" page found here http://l.d.pr/qpHN/17UM8Pg0.

Thank you


#4

Overall, you would just need to move your vid out of the slider and then give it a fixed position. You would then need to layer elements on top of it.

Example:


#5

SWEET!! Thank you so much. That worked. Much appreciated!


#6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.