Responsive V2 Tabs

Support
#1

Hi there, I have a page that features a v2 Tab element that features 10 items. On mobile it scrolls off the side of the screen but doesn’t stack like the classic tab headings.

Is there a way I can apply the same responsive logic from the classic tabs to the v2 tabs?
Link to rough elements: https://2019template.wmcircleofexcellence.com/#agenda

Thanks so much :slight_smile:

#2

Hi Nuera,

Thank you for writing in, please inspect your tabs element and under its customize tab add the custom below on the Element CSS area.

@media (max-width: 767px) {
	$el .x-tabs-list ul {
		    flex-direction: column;
	}
}

Hope it helps,
Cheers!

#3

Perfect, thanks so much!

#4

You’re welcome. Glad we could help.

#5

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