# 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:** 3

<div class="post-metadata">

### Author: ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)
#### Post date: [October 21, 2022, 6:08am UTC](https://community.glideapps.com/t/css-sticky-component-how-to/52172/3 "2022-10-21T06:08:55Z")

</div>

I tried to get it to work with no success. How would you suggest I alter this CSS to make all of the top 4 components ‘sticky’ Will I need 4 rich text components? Thanks again

```auto
<pre><span><style>

div[id*='screenScrollView'] > div > :nth-of-type(1) {
    overflow-x: scroll;
    white-space: nowrap;
}

div[id*='screenScrollView'] > div > :nth-of-type(1)::-webkit-scrollbar {
display: none;
}

div[id*='screenScrollView'] > div > :nth-of-type(1) {
position: -webkit-sticky;
position: sticky;
top: 0;
background: transparent;
z-index: 3;
}

```

---

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