Horizontal Scroll for Tab Menu on Mobile

[dcardenas91 (Diego Adrián Cárdenas Jorge)]

Hello everyone!

I’m trying to have a horizontal scroll on the Tab Component menu for mobile. I read the following post:

Horizontal Scroll (Overflow-x) for Tab Component (Mobile)

Hey there, Relatively new to Webflow… Love it so far, but am looking for some assistance with setting up a horizontal scroll bar for the Tab Component on the mobile breakpoint as I don’t want to stack the tabs on mobile. I saw other topics related to this but none of them seemed to be resolved. Please advise, Thanks! Note: As you can see in the attached images I have the vertical scroll working but again Im looking for it to be horizontal… [image][image]

and added the following custom code:

.c-info-panel-tab-menu {
overflow-x: scroll;
}

But this doesn’t seem to work. Can anyone tell me what I’m missing?

Thanks!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[dcardenas91 (Diego Adrián Cárdenas Jorge)]

Hello!

Any help is greatly appreciated.

[Brando (Brandon Roche)]

Hi @dcardenas91

One of our designers was able to take a look at this. This should be possible in Webflow without the use of custom code.

Here are screenshots showing the settings you can use:

If you aren’t sure how to set this up, you can reference this example: Webflow - Ryan's Beautiful Project

Hope this helps

[dcardenas91 (Diego Adrián Cárdenas Jorge)]

Hi @Brando

Thank you! This works perfectly. Wasn’t expecting this level of support or detail.
Took me a few minutes to get it going on mobile and it looks great.

Again thank you and the designers!

[Brando (Brandon Roche)]

Happy to hear that it worked! I’ll be sure to share your feedback with the Designer that proposed these changes

[Sparsh_EMC (Sparsh)]

Hi @Brando sorry I’m facing the same issue and the above settings for flex don’t seem to solve the issue. Could you share links of any projects where you may have used this feature? Would be a great help, thanks!