Tab v2 - Side tab

[CulturalInfusion]

Hi,

I would like to know if it’s possible to make tabs v2, but with side tabs? like the classic tabs
And
How can i take out the default black line under the tab title?

Thank you

[thai]

Hi There,

It’s possible with the custom CSS.

Please add the left class to your tab element:

Then add this custom CSS under Theme Options > CSS:

.x-tabs.left {
    display: flex;
}

.x-tabs.left .x-tabs-list {
    float: left;
    min-width: 200px;
}

.x-tabs.left .x-tabs-list ul {
   flex-direction: column;
}

.x-tabs-list button:hover, 
.x-tabs-list button[class*="active"] {
    border: none;
}

Hope it helps

[CulturalInfusion]

It did the trick.
Not sure about the responsiveness, but I’ll take care of that later.

Thank you

[christopher]

Glad that we could be of a help