How to make tabs responsive?

Support
#1

I used Classic Tabs, they are totally responsive and shows up nicely on phones. But Tabs don’t. The tab list (headings) need to be scrolled to view. Please help me make Tabs show on phones.

Thanks

#2

Use something like this on your Custom CSS for the tabs element as a workaround. We can add a control for this in our Tabs element. Have a great day.

@media screen and (max-width: 782px) {
  $el .x-tabs-list > ul {
    flex-direction: column;
  }
}
1 Like
#3

Thank you, that works, might you consider adding this feature?

#4

Hi Cindy,

Glad that we are able to help you.

Thanks

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.