Making tabs stack on small screens

[clefler]

I am looking to do the same thing suggested in multiple past posts, which is to stack tabs on mobile instead of making users swipe over to get to tabs that didn’t fit on the screen.

Here is an older post Tabs element - mobile stacking of tabs

I didn’t see a feature for this in the current tab element.

Thanks!

[nabeel]

Hey @clefler,

Thank you for reaching out to us. To make the tabs stack on smaller devices you can follow this thread: Tabs get cut off in mobile

Please note that the code provided in the above thread serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Hope this helps!

[clefler]

Hey thank you, that works great to make a single colum list of tabs. Is there a way to have the tabs form rows so that as many tabs as possible fits in each row?
A single list of tabs is not ideal for mobile as it takes up almost the whole view.

[marc_a]

Hi @clefler,

Customizing the layout of the tabs would require customization. Regretfully, customization is outside the scope of our theme support. You may seek 3rd party developers to help you with your problems or you can avail One where we can answer questions outside of the features of our theme.

Thank you.