Text on top of the slider (element is in the middle o the page)

Design help Custom code
1

Hi,

I am looking for a way to have a slider with images and a fixed text on top of it. So that the images change, but the text does not move. The slider is in the middle of the page, and changes height and position depending on the resolution, so the solutions I found with the position:fixed do not work. Any ideas how to do it? Thank you!

Here is my site Read-Only: https://preview.webflow.com/preview/lemonone?utm_medium=preview_link&utm_source=designer&utm_content=lemonone&preview=d16251bcf40f17e3cf2b5a5368d1b7ae&pageId=60c371486d1385cc58512105&workflow=preview

2

hi @Lemon and welcome.
in your section 43 you have to create div wrapper and set its position to absolute and cover whole area than set it to flex center / center and place your element eg.text inside this wrapper. Dont forget that your parent element has to be set to relative position.

To be able to click on slider arrows (that are now under your div element) you will need to add custom CSS code pointer-events: none for your element class name . Done :wink: