Active tab on mobile not fully visible

Hello!)
I have tabs in the mobile version, when I click on the tab name, it does not scroll into the screen’s field of view, but remains in place, that is, partially hidden behind the screen…
Can this be changed? So that when I click on a tab that is somewhere on the edge and hidden behind the screen, it (the tab name itself) scrolls to the center of the screen and is fully visible?


Here is my site Read-Only: [LINK](Webflow - Moon Karaoke)

Hello,

You have to reset the Overflow settings of the Tabs Menu, from the tablet to the mobile version, then you change the direction of the flex box settings to “left to right wrap down”.



Capture d'écran 2024-09-10 144717

Thank you for the answer!!!

But that’s not quite what I meant.
I want the tabs to remain in one row, as I originally had, so that they can be scrolled to the side with a finger.

And when you click on any of the tabs, so that it scrolls to the center of the row, if it was previously on the side or half-hidden.

Is it possible to do this?