Responsiveness issues in product detail page with tabs below description

[kalarit]

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.

[Harry]

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

[kalarit]

This reply has been marked as private.

[Harry]

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

[kalarit]

Hi,

The menu of the tabs is now responsive, however the content isn’t in sequence.  It’s alternating the cells of the table when it should be in sequence.  Please see the attachment.

 

 

Attachments:

You must be logged in to view attached files.

[Harry]

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

[Author]

Posts