Tabs element not responsive

Hello,

I have a tabs element that I’d like to fit on screen without having to scroll over to see each individual tab header on a mobile view. Here is the page the tabs I’m referring to appear on: https://ascend2.com/marketing/pricing/ … can the tab list be stacked or something for mobile view?

Thanks!

Hi Jenna,

Please add this code to the Element CSS of the Tab element:


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

Hope this helps.

Thank you so much that did the trick!

You are most welcome. :slight_smile:

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