fixed image position while scrolling

[TMBL.WDR]

Hi all! big noob here 🤓
Im super happy with the features that LayTheme offers, but im struggling with my custom menu:
https://johanpoezevara.com/

I didn't have any trouble adding a hover effect with CSS, but when i tried to apply classes that i found on similar topics here, all my attempts to keep my post-it notes in a fixed position at the top of my page (like the site title) have been unsuccessful.
Can someone help me?

[ffinger]

Hey!
have you built the navigation in the gridder? If so just give the row that contains the post-it navigation a class or ID (right click "set HTML class and ID") and add to the css something like:

.example-class {
position: fixed;
width: 100%;
height: auto;
top: 0;
}

Maybe that helps already :)
Cheers

[TMBL.WDR]

Hell yeah, it's working well, thanks!!
It didn't come to my mind that we can add a class to the row itself 🥶 just added a z-index line to bring it to the front.
Thanks again!

[ffinger]

yeah glad I could help! :) Have fun

[arminunruh]

very good!

you can also do this for a row:

.example-class {
position: sticky;
width: 100%;
height: auto;
top: 0;
}

its a little similar