Return to previous page

Disable accordion tabs on mobile view? - by omthreetimes

This topic has 2 replies, 2 voices, and was last updated 6 years, 9 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.
    #187925 Copied Theme version: latest WooCommerce version: 3.3.3
    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

    #187942 Copied

  • Tagged: 

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

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Online Courses – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Wedding – WordPress Theme
lazy-placeholder
Jewellery Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Meeting – WordPress Theme
lazy-placeholder
Spa – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 02 – WordPress WooCommerce Theme

See All Templates

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