Single Product Template Responsiveness

Hi,

Please tr this custom css -> https://i.imgur.com/zuJvry8.png
.product-template-default.single.single-product .td-container{
width: 100%!important;
}
The code need to be set in theme panel> custom code> advance css> phones

Hope this will help you!
Thank you!

Hi,

TO implement the lightbox you need to set a code in function.php, it will be indicate to set it in child theme file to not be overwrite on theme update.
add_action( 'after_setup_theme', 'yourtheme_setup' );

function yourtheme_setup() {
// add_theme_support( 'wc-product-gallery-zoom' );
add_theme_support( 'wc-product-gallery-lightbox' );
// add_theme_support( 'wc-product-gallery-slider' );
}
The code need to be set at the end of the file -> https://i.imgur.com/TDJvoqn.png aslo you need to add this custom css https://i.imgur.com/l27jkjw.png to theme panel> custom code> custom css ->
.pswp__bg {
background: #00000096;
}
.pswp--open{
z-index: 9999;
}

Hope this will help you!
Thank you!

Hi,

We didn’t test it with our theme, is possible to work, but in the same time is possible to not. You need to try it yourself and check the results, also we can not provide support for untested plugins.

Thank you for your understanding!