# Horizontal Scroll Hint

**URL:** <https://community.glideapps.com/t/horizontal-scroll-hint/28473>\
**Category:** Ask for Help\
**Created:** [June 29, 2021, 2:51pm UTC](https://community.glideapps.com/t/horizontal-scroll-hint/28473 "2021-06-29T14:51:14Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rob\_Watchmaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rob_watchmaker/32/45300_2.png) [@Rob\_Watchmaker](https://community.glideapps.com/u/Rob_Watchmaker)\
**Post date:** [June 29, 2021, 2:51pm UTC](https://community.glideapps.com/t/horizontal-scroll-hint/28473/1 "2021-06-29T14:51:14Z")

</div>

Hello hello – quick question on Inline List Cards:

Most users on my app (70%) are not seeing the horizontal scroll suggestion (see image below). The slice of the card to the right is too small. It’s at the point where I need to find a solution or redesign this core experience of my offering.

I’m wondering if anyone has found a workaround so it is easier to see the next card in the list.

Thanks for the help y’all.

 ![Horizontal Scroll Suggestion](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/4/f4ba31504a3555c672c486d0a7f3db5d13da5fd1.png)

(Sidenote: I’m working a casual education project you can learn more about [here](https://getoddpack.com/))

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [June 29, 2021, 4:10pm UTC](https://community.glideapps.com/t/horizontal-scroll-hint/28473/2 "2021-06-29T16:10:18Z")

</div>

Exactly what we’ve been discussing here:  
[https://community.glideapps.com/t/inline-list-horitzontal-ortientation-issues/28431/5?u=robert\_petitto](https://community.glideapps.com/t/inline-list-horitzontal-ortientation-issues/28431/5)

@david @tristan

---

<div class="post-metadata">

**Author:** ![Rob\_Watchmaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rob_watchmaker/32/45300_2.png) [@Rob\_Watchmaker](https://community.glideapps.com/u/Rob_Watchmaker)\
**Post date:** [June 29, 2021, 4:16pm UTC](https://community.glideapps.com/t/horizontal-scroll-hint/28473/3 "2021-06-29T16:16:04Z")

</div>

Ahhh I didn’t see that come up. Thanks for the reference @Robert_Petitto ! I’ll stay in the loop.

---

<div class="post-metadata">

**Author:** ![igor\_a](https://avatars.discourse-cdn.com/v4/letter/i/8491ac/32.png) [@igor\_a](https://community.glideapps.com/u/igor_a)\
**Post date:** [September 29, 2022, 6:16am UTC](https://community.glideapps.com/t/horizontal-scroll-hint/28473/4 "2022-09-29T06:16:07Z")

</div>

Hi Robert, the linked page doesn’t exist anymore. Has the conversation moved somewhere else?  
Tks

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [September 29, 2022, 6:22am UTC](https://community.glideapps.com/t/horizontal-scroll-hint/28473/5 "2022-09-29T06:22:59Z")

</div>

It’s still there, but the topic was closed.

Here is the CSS solution that was given by @ThinhDinh in that thread:

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

[data-test="app-horizontal-list"] .inner {
  grid-template-columns: repeat(100, 275px);
}

```

_Actually, I think the reason the thread can’t be seen any more might be because the root node was deleted, which orphaned all the replies. But anyway, the above CSS seems to be the workaround._

---

<div class="post-metadata">

**Author:** ![Brandon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/brandon/32/58098_2.png) [@Brandon](https://community.glideapps.com/u/Brandon)\
**Post date:** [September 13, 2023, 8:31pm UTC](https://community.glideapps.com/t/horizontal-scroll-hint/28473/6 "2023-09-13T20:31:55Z")

</div>

Am I entering this incorrectly?  
Does not seem to work.

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/4/74d4530f364385ce53a1bbeed31c342e26fc0129.png)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [September 14, 2023, 1:42am UTC](https://community.glideapps.com/t/horizontal-scroll-hint/28473/7 "2023-09-14T01:42:28Z")

</div>

This was a very old thread, with Classic Apps. The new Glide Apps don’t follow the same structure, so the code most likely wouldn’t work. Same case for most Classic Apps CSS you see in the forum.

---

<div class="post-metadata">

**Author:** ![Brandon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/brandon/32/58098_2.png) [@Brandon](https://community.glideapps.com/u/Brandon)\
**Post date:** [September 14, 2023, 2:35pm UTC](https://community.glideapps.com/t/horizontal-scroll-hint/28473/8 "2023-09-14T14:35:11Z")

</div>

Is there a list that has the current structure on it?

Could you produce this?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [September 14, 2023, 2:40pm UTC](https://community.glideapps.com/t/horizontal-scroll-hint/28473/9 "2023-09-14T14:40:20Z")

</div>

Sorry, I haven’t had much time to dive into CSS in the new Glide Apps. I almost never use it nowadays.

> [@Brandon](#):
>
> Is there a list that has the current structure on it?

To my knowledge, no. Most of the users don’t have access to it anyway.

---

<div class="post-metadata">

**Author:** ![Brandon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/brandon/32/58098_2.png) [@Brandon](https://community.glideapps.com/u/Brandon)\
**Post date:** [September 14, 2023, 4:11pm UTC](https://community.glideapps.com/t/horizontal-scroll-hint/28473/10 "2023-09-14T16:11:48Z")

</div>

This makes a lot of the unique CSS things a guessing game. ☹

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [September 15, 2023, 1:11am UTC](https://community.glideapps.com/t/horizontal-scroll-hint/28473/11 "2023-09-15T01:11:18Z")

</div>

It’s not. I would recommend diving into the code structure using inspect element and start changing it to get the idea. As you have the ability to name the classes yourself, I think it’s much easier than what it was on Classic Apps.