Streaming live at 10am (PST)

Fixed form on top of slider


#1

How do I place a form on my page on top of a slider so that it is static (doesn't move) when the slider background images move? I want the form to be constant while the slider background images slide in the background. does that make sense?

i tried putting the form in a div block and tested different position settings. no luck yet. any advice is appreciated!


Here is my public share link: LINK
(how to access public share link)


#2

here's my link to what i currently have. the form moves currently instead of being fixed on the home page.

https://preview.webflow.com/preview/photonicpro-com?preview=ab103e1850826926d28a2025aeeb2019


#3

Hello, @photonicpro

You are almost got the point. Only thing you have to change PLACE where you add the form.
Move it inside the slider, but not in the slide, on top of mask:

Make form wrapper position: absolute and give z-index higher than mask. In this way form will be always on top of all slides and will not move.

Cheers,
Anna


#4

Thanks Anna! Worked like a charm! Much appreciated. :slight_smile:


#5

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