Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2789138
Tabs collapse and name
Closed

Comments

  • hall3008 started the conversation

    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.

  •  2,495
    PenciDesign replied

    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 replied

    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;
      }
    }

  •  2,495
    PenciDesign replied

    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

    This is it. Tnx