Tab v2 - Side tab


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

Thank you

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 :slight_smile:

1 Like

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

Thank you

Glad that we could be of a help :slight_smile:

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