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, 8 months ago ago by Rose Tyler

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
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: tabs
Viewing 2 results - 1 through 2 (of 2 total)

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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Bakery Store – WordPress WooCommerce Theme

lazy-placeholder

Church – WordPress Theme

lazy-placeholder

Wedding Store – WordPress WooCommerce Theme

lazy-placeholder

Kids Store – WordPress WooCommerce Theme

lazy-placeholder

Ecotransport Store – WordPress WooCommerce Theme

lazy-placeholder

Sushi Store – WordPress WooCommerce Theme

lazy-placeholder

Flowers Store – WordPress WooCommerce Theme

lazy-placeholder

Beaty & Cosmetics – WordPress WooCommerce Theme

lazy-placeholder

Minimal Fashion 03 Store – WordPress WooCommerce Theme

lazy-placeholder

Royal – WooCommerce WordPress 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.