Home › Forums › Themes Support › Claue › Responsiveness issues in product detail page with tabs below description
Tagged: hence.
- This topic has 5 replies, 2 voices, and was last updated 6 years, 4 months ago by Harry.
-
AuthorPosts
-
-
December 16, 2017 at 8:01 pm #15007
I left an earlier message about custom tabs, but if you see screenshot, the lack of responsiveness is in the tabs menu as well.
This is only an issue when you have the tabs below product description and not when you have tabs above suggest products.
Attachments:
You must be logged in to view attached files. -
December 16, 2017 at 10:33 pm #15017
Could you please send us your site url. We need more check before give you solution.
Thanks
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio-
December 17, 2017 at 3:33 pm #15046This reply has been marked as private.
-
-
December 17, 2017 at 4:47 pm #15049
Hi,
Please add custom code in Claue > Theme Option > General Layout > Custom CSS
@media only screen and (max-width: 736px) {
.jas-wc-single .jas-container {padding: 0;}
.summary .wc-tabs li a {padding: 0 3px;}
.tablepress tbody td, .tablepress tfoot th {display: block; width: 100%;}
.tablepress {width: 100% !important; margin: 0 !important;}
}Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
December 18, 2017 at 5:49 pm #15101
-
December 18, 2017 at 6:22 pm #15103
Hi,
Please change prev code to
@media only screen and (max-width: 736px) { .jas-wc-single .jas-container {padding: 0;} .summary .wc-tabs li a {padding: 0 3px;} .tablepress tbody td img {max-width: 100%;} .tablepress {width: 100% !important; margin: 0 !important;} }
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
-
-
AuthorPosts
You must be logged in to reply to this topic.