Disable accordion tabs on mobile view? - by omthreetimes

This topic has 2 replies, 2 voices, and was last updated 6 years, 1 months ago ago by Rose Tyler

  • Avatar: omthreetimes
    omthreetimes
    Participant
    March 12, 2018 at 14:21

    Hi,

    On my single product description I have tabs side by side. On mobile view they go to accordion and under each other. How to disable accordion and make it as on full site.

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 12, 2018 at 16:51

    Hello,

    This is the correct behavior for our tabs on mobile. If you want to change this, you can use custom css, for example,

    @media only screen and (max-width: 480px) {
    .tabs .tab-title {
        width: auto;
    }
    .tabs .tab-content {
        float:  right;
        width:  100%;
    }
    .tabs .tab-title,
    .tabs .tab-title.opened {
        background-image:  none;
    }
    .tabs .tab-content {
        opacity:  0;
        transition: all 0.1s ease-in-out;
    }
    .tabs .tab-title.opened + .tab-content {
        opacity:  1;
    }
    }

    but please note, that this is the customization that outside the scope of our support – https://themeforest.net/page/item_support_policy

    Regards

  • Tagged: 

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.