-
AuthorPosts
-
June 30, 2016 at 10:16 am #655173
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-
This topic was modified 9 years, 4 months ago by
ratoli.
June 30, 2016 at 4:33 pm #655368Ok, 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) ?
June 30, 2016 at 7:40 pm #655451This 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; } }June 30, 2016 at 9:20 pm #655474Hi!
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 -
This topic was modified 9 years, 4 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
