Tab element on mobile platform

[Roozkh]

Hi there,

Anyone have a good solution on how to build something like this on a mobile platform?

The current tab element doesn’t fit and adjust to a smaller size.

Thank you-

[christian]

Hey Rooz,

The Tabs element is responsive. If you mean you’re getting a scrollbar like in the screenshot below, that is really the interface of the Tabs element.

You will need to play with the words and font size that you’re going to use so that it fits the mobile view like the screenshot below. Just by reducing the font size to a couple of pixels, all Tab List Items show up at once and there’s no scrollbar.

If you have more Tab items and/or using long words for your Tab List, it’s best that you use an Accordion instead.

If that is not the case or you have problems with what I’ve mentioned, please give us the following details.

1. URL of the page where you added the Tabs element.
2. Detail what you’d like to happen or display we could recommend an option.

Thanks.