# Clean recommend product and horizontal RG on mobile

**URL:** <https://forum.bubble.io/t/clean-recommend-product-and-horizontal-rg-on-mobile/106925>\
**Category:** Mobile\
**Created:** [August 18, 2020, 4:07pm UTC](https://forum.bubble.io/t/clean-recommend-product-and-horizontal-rg-on-mobile/106925 "2020-08-18T16:07:10Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![alexandrelpiche](https://avatars.discourse-cdn.com/v4/letter/a/91b2a8/32.png) [@alexandrelpiche](https://forum.bubble.io/u/alexandrelpiche)\
**Post date:** [August 18, 2020, 4:07pm UTC](https://forum.bubble.io/t/clean-recommend-product-and-horizontal-rg-on-mobile/106925/1 "2020-08-18T16:07:10Z")

</div>

Hi,

I would like to implement a smooth horizontal scrolling that spills offscreen for product recommendations and other stuff (see attached pictures). I was wondering if someone got it to work or if there was a plugin for this.

 ![117893640_333205287812525_5989875810182138252_n](https://us1.discourse-cdn.com/bubble/original/3X/c/c/ccb727214157723e6364f974b99d07dc5f8e5ef3.jpeg) ![118044197_800044630535895_831606978164098169_n](https://us1.discourse-cdn.com/bubble/original/3X/e/a/ea63665a0a6f2c48c72c4d42401b4d2b572753fa.jpeg)

---

<div class="post-metadata">

**Author:** ![gaurav](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/gaurav/32/6666_2.png) [@gaurav](https://forum.bubble.io/u/gaurav)\
**Post date:** [August 19, 2020, 5:16pm UTC](https://forum.bubble.io/t/clean-recommend-product-and-horizontal-rg-on-mobile/106925/2 "2020-08-19T17:16:24Z")

</div>

Pretty straightforward if you use a reusable inside the horizontal scroll group (check out [thebdk.com/native](http://thebdk.com/native)) and you’ll see it in action 🙂  
Make sure to check the responsive tab in the reusable element too

---

<div class="post-metadata">

**Author:** ![rukevweb](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/rukevweb/32/72193_2.png) [@rukevweb](https://forum.bubble.io/u/rukevweb)\
**Post date:** [August 19, 2020, 6:19pm UTC](https://forum.bubble.io/t/clean-recommend-product-and-horizontal-rg-on-mobile/106925/3 "2020-08-19T18:19:48Z")

</div>

Could you make a demo app or seomthing? I’m kinda interested in this too.

---

<div class="post-metadata">

**Author:** ![gaurav](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/gaurav/32/6666_2.png) [@gaurav](https://forum.bubble.io/u/gaurav)\
**Post date:** [August 19, 2020, 6:26pm UTC](https://forum.bubble.io/t/clean-recommend-product-and-horizontal-rg-on-mobile/106925/4 "2020-08-19T18:26:55Z")

</div>

Too timetaking to make a demo. Here’s screenshot from my editor of the RG and reusable. Maybe this will help:

 ![Screenshot 2020-08-19 at 11.54.24 PM](https://us1.discourse-cdn.com/bubble/original/3X/f/a/faa5a6a7441973a98488807cab24eb406a48d8dc.png) ![Screenshot 2020-08-19 at 11.54.42 PM](https://us1.discourse-cdn.com/bubble/original/3X/d/7/d7c2c3dbe7a0917363eead9b908514dd94df0f0f.png)

---

<div class="post-metadata">

**Author:** ![rukevweb](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/rukevweb/32/72193_2.png) [@rukevweb](https://forum.bubble.io/u/rukevweb)\
**Post date:** [August 19, 2020, 6:29pm UTC](https://forum.bubble.io/t/clean-recommend-product-and-horizontal-rg-on-mobile/106925/5 "2020-08-19T18:29:06Z")

</div>

Understand. Thanks for the screenshots, they’ll do.

---

<div class="post-metadata">

**Author:** ![sudsy](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/sudsy/32/114637_2.png) [@sudsy](https://forum.bubble.io/u/sudsy)\
**Post date:** [August 27, 2020, 2:35am UTC](https://forum.bubble.io/t/clean-recommend-product-and-horizontal-rg-on-mobile/106925/6 "2020-08-27T02:35:41Z")

</div>

> [@gaurav](#):
>
> Pretty straightforward if you use a reusable inside the horizontal scroll group

Hey @gaurav, thanks for the helpful reply. I haven’t messed much with h-scrolling. I’m curious, though, why you stipulated “reusable” element specifically. I just tried it with a plain old image element, and it seemed to work fine. What’s the benefit of a reusable in this context?

---

<div class="post-metadata">

**Author:** ![gaurav](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/gaurav/32/6666_2.png) [@gaurav](https://forum.bubble.io/u/gaurav)\
**Post date:** [August 28, 2020, 6:58pm UTC](https://forum.bubble.io/t/clean-recommend-product-and-horizontal-rg-on-mobile/106925/7 "2020-08-28T18:58:29Z")

</div>

> [@sudsy](#):
>
> I’m curious, though, why you stipulated “reusable” element specifically.

Oh that’s irrelevant it should work in other ways. I was just doing it for a reusable inside my app. It should work fine with image etc. as well.

Cheers,  
Gaurav