This is my current menu [image] I would like to add another button on this menu but there’s no room. Any idea on how to add another button on there and make it scroll horizontally? I know you can do horizontal scroll with a repeating group; however, these are buttons and not a RG.

put each button into a single cell of the R.G. and put a conditional on each button to be visible when “current cell index is…” so whatever button you want shown first current cell index is 1 current cell index is just the number of the R.G. in order so your fourth and last button would be current …

RG is not the right solution :smile: Use CSS #group {overflow: auto; white-space: nowrap;} [image] Bubble Editor - Taiheta2019 Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to b…

Or follow the solution provided that is no-code

It’s not working :confused: Have u got an update? x) I’m interesting to this subject :slight_smile: Thanks Arnaud

Bubble now has built in functions with the flexbox system to check a box to enable vertical scrolling but not horizontal scrolling at the moment. You would need custom CSS. <style> #YOURELEMENT ID { overflow-x: auto !important; } </style>

Hi, If u want to see how I implement it: Editor: Scrollmenuarnaudledoeuff | Bubble Editor Preview: https://scrollmenuarnaudledoeuff.bubbleapps.io/version-test?debug_mode=true I add some javascrpt to scroll horizontally on scroll mouse :wink: Cheers :sunny: Arnaud

Hi In the repeating group set to min width zero and fit width content checkbox. inside repeating group put a group and min width set to 400px Up. then add the button.

Hey guys, this works well. To expand on boston’s code and add something from arnaud’s example, the following works for me: <style> #groupID { overflow-x: auto !important; flex-wrap: nowrap !important; } </style> Thanks for your help everybody. flex-wrap is the key property here. Hope this helps.

brother you saved my life, spent hours on this. Was using a template and even after deleting all the preset CSS from “Script in body in settings”, the normal basic horizontal scroll rg wouldn’t work. So I used this to override the CSS. Any suggestions on how completely remove any preset CSS from a…

[image] abhjoseph: Any suggestions on how completely remove any preset CSS from a template app? I try to use the app search tool plus looking into settings. First, I’d suggest going to settings and checking SEO/Metatags tab and scroll down to the Advance section to check the script in header…

Worked mate, It was in a plugin.

How do you make a scrollable horizontal menu?

Need help Mobile

Taiheta November 6, 2019, 5:31pm 3

RG is not the right solution
Use CSS #group {overflow: auto; white-space: nowrap;}

4 Likes

Horizontal scrolling without repeating group

Create a scrollable group within Header?

Make group (with text box inside) fixed height and scrollable

Topic		Replies	Views
Horizontal scrolling without repeating group New Responsive Engine	2	788	September 18, 2024
Horizontally wrapped and horizontal scrollable repeating group Need help	6	493	June 5, 2024
How to do horizontal scroll for buttons Mobile	2	3385	October 11, 2020
Responsive horizontal menu (without being a RG) Responsiveness	0	228	May 17, 2021
Hide scroll bar on Horizontal Repeating Group Questions	35	9233	June 1, 2022

How do you make a scrollable horizontal menu?

Related topics