Hi,
the responsive Tabs have a problem. They don’t do, what they do on the Enfold-Demo (http://kriesi.at/themes/enfold/shortcodes/tabs/)
https://drive.google.com/file/d/0ByU_BcnSMGjFcHRZWjR2NmNpazA/view?usp=sharing” -> Shop-Demo
https://drive.google.com/file/d/0ByU_BcnSMGjFWGRtd3dfXzFhQ1E/view?usp=sharing” -> Tabs-Demo
Ok, the Tabs on http://kriesi.at/themes/enfold/shortcodes/tabs/ are different to the woocommerce-Tabs in http://kriesi.at/themes/enfold-shop/product/blue-blouse/
Is there a way to get the Responsive-Enfold-Tabs into the woocommerce Single-Product-Side (or just the same Responsive-Effect) ?
This works for me:
#top div.product .woocommerce-tabs ul.tabs li.additional_information_tab a,
#top div.product .woocommerce-tabs ul.tabs li.additional_information_tab,
#top div.product .woocommerce-tabs ul.tabs li.reviews_tab a,
#top div.product .woocommerce-tabs ul.tabs li.reviews_tab {
width: auto;
}
@media only screen and (max-width: 767px) {
#top div.product .woocommerce-tabs ul.tabs li.reviews_tab a,
#top div.product .woocommerce-tabs ul.tabs li.reviews_tab,
#top div.product .woocommerce-tabs ul.tabs li.additional_information_tab a,
#top div.product .woocommerce-tabs ul.tabs li.additional_information_tab,
#top div.product .woocommerce-tabs ul.tabs li a,
#top div.product .woocommerce-tabs ul.tabs li {
width: 100%;
}
#top div.product .woocommerce-tabs ul.tabs li.active a,
#top div.product .woocommerce-tabs ul.tabs li.active {
width: 100%;
background-color: #6786A1;
color: #FFFFFF;
}
}
Hi!
Happy it does report.
It is also a nice addition, would report to kriesi so he can take a look and maybe added on a next update.
Thanks a lot for your patience and time
Cheers!
Basilis