Stoping row element making new lines on mobile

Hi all, got a simple nav bar that on mobile I want the user to be able to scroll horizontally, so the row doesn’t collapse onto new lines.

How it should look:

How it looks on mobile:

set up:

The RG is scrolling as expected, but the row element the RG is in (plus two text elements) is collapsing, forcing the text elements onto new lines.

You can probably do this using some CSS

I believe I have done this on my site, is this what you are talking about?

1 Like

Exactly what I’m looking for.

How did you set it up?

Put this code in an HTML Element anywhere on the page, Just make the element not visible on page load

#scrollmenu{
overflow-x: scroll !important;
flex-wrap: nowrap !important;
}
#textmenu{
white-space: nowrap !important;
}

Then the Group element you want to scroll, put the element ID as “scrollmenu”.
I used links as the text, and ID element of that is “textmenu”

For the Link Element

For the Group parent of the Links