Hide Scrollbars on all repeating groups

Showcase
1

You can add the following snippet to SEO & Metatags in Settings to hide all repeating group scrollbars. Before committing to it have in mind the users who do not use pads. They may need scrollbars to scroll horizontally.

.bubble-element.RepeatingGroup::-webkit-scrollbar { display: none; } .bubble-element.RepeatingGroup { -ms-overflow-style: none; scrollbar-width: none; }
2 Likes
2

This is cool, can you plug me some code to override this global rule for special use cases.

Not sure how that would work given there is no ID assignment to elements.

I usually do it the other way round (hard code containers where scroll bar is not desired it using a script) … but this might be better

3

Give your RG id: rg-scrollbar-hide

#rg-scrollbar-hide::-webkit-scrollbar { display: none; } #rg-scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

Let me know how this goes.

4

This isn’t really applicable to anything I’m building now … Just want something to come back to if I need the code in the near future since I’m not super solid at CSS yet.

But thanks.

1 Like