# CSS Sticky Component How to

**URL:** https://community.glideapps.com/t/css-sticky-component-how-to/52172
**Category:** Ask for Help
**Created:** [October 21, 2022, 1:16am UTC](https://community.glideapps.com/t/css-sticky-component-how-to/52172 "2022-10-21T01:16:39Z")
**Posts on this page:** 1
**Showing post:** 4

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [October 21, 2022, 6:20am UTC](https://community.glideapps.com/t/css-sticky-component-how-to/52172/4 "2022-10-21T06:20:29Z")

</div>

Yes, you need to create four rich texts to set each component. Each component requires a different target CSS class and a different top value.  
Or if you want the second component to overwrite the first component then you can use the same top value but a different z-index.  
Nb: Change the nth-of-type (n) according to the order of your choice of components.

 ![Screenshot 2022-10-21 133034](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/0/f02731cadd794e675480731913789a59d98e5378.png)

 ![Screenshot 2022-10-21 133114](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/2/e292b63a1fe887a87f42e0b9487cf2125543ffef.png)

⚠ Be careful if you have hidden components or components like float buttons above them, then your nth-of-type could be missed.

---

_[View the full topic](https://community.glideapps.com/t/css-sticky-component-how-to/52172)._