Fixed text, scrollin images in the background

[stefanstraeter]

Hi there!

I trying to figure out how he did this scrolling images, while the text ist fixed.

https://daviddaub.com/contact/

Any suggestions?

Best regards,
Stefan

[Richard]

Dear Stefan

@stefanstraeter

The first Row in the Gridder (row with text) has a 'Custom Class' bx-fixed-text added:

Then some Custom CSS has been applied to that Class:

.bx-fixed-text {
    position: fixed;
    z-index: 999;
    top: 100px;
    left: 0;
}

---

Best wishes Stefan

Richard

[stefanstraeter]

Perfect! Works fine for me :) Thank you!

https://stefanstraeter.com/who/

[Richard]

Dear @stefanstraeter Looks great! 💥

[stefanstraeter]

Hi there,

I'm using fixed elements on my "who" website. On mobile the menu is transparent and look like this (screenshot). I attached another one how it should look like. How can I fix this?

Bes regards,
Stefan

https://stefanstraeter.com/who/

[Richard]

Dear @stefanstraeter

Give your custom ID' row a z-index of 2, that way it will stay in front of your images but be behind the Menu when it appears:

#bx-fixed-text {
    z-index:2;
}

https://www.w3schools.com/cssref/pr_pos_z-index.asp

---

have a great day 🏖

Richard

[stefanstraeter]

Works perfect! Thanks Richard 🙏🏼

[Richard]

Great @stefanstraeter , thank you for supporting Lay Theme! 👍