Skip to content
Public Ticket #16910

Tabs collapse and name

Conversation thread

hall3008 replied

Customer Reply

This is it. Tnx

PenciDesign Supporter replied

Staff Reply

Hi,

Please add more CSS code:

@media screen and (max-width: 767px) {
      .vc_tta.vc_tta-tabs .vc_tta-panel-heading {
        display: none;
    }
}
Best Regards,
PenciDesign.

hall3008 replied

Customer Reply

It's kind of okay now but there's a problem. As you can see first I had to put! Important to make it work. However, as you can see in the picture the tabs did not disappear on the mobile version.

@media screen and (max-width: 767px) {
  .vc_tta.vc_tta-tabs .vc_tta-tabs-container {
  display: block! important;
  }
}

PenciDesign Supporter replied

Staff Reply

Hi,

1. You can change the Tab title by click on the pencil icon inside the tab.

FdJDjTJ.png

gCwhgn2.png

2. Please use this custom CSS code to disable line break for Tab.

@media screen and (max-width: 767px) {
.vc_tta.vc_tta-tabs .vc_tta-tabs-container {
display: block;
}
}

PenciDesign,
Best Regards.

hall3008 started the conversation

Conversation Start

Is it possible to write something else instead of Tab and as we noticed in the mobile version so below 768 px there is a collapse tabs. So instead of staying in one line it switches to the bottom. Is it possible to stay in one line Tab1 and Tab2 and in the mobile version next to each other.

Want to join this conversation or access attachments? Sign in first.