У меня проблема с эффектом увеличения изображения при нажатии на изображение на моем сайте .При прокрутке на смартфоне все хорошо, но при нажатии на миниатюру товара изображение увеличивается, и оно не отображается в полном размере.Я хочу, чтобы убрать эту вещь в смартфон смотреть только.Например, здесь показана проблема:
проблема на смартфоне
Я пытался решить эту проблему с помощью CSS, но безуспешно.Это CSS из секции изображения:
.et_overlay {
display: block;
position: absolute;
z-index: -1;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
border: 1px solid #e5e5e5;
opacity: 0;
background: rgba(255,255,255,.9);
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
-webkit-transform: translate3d(0,0,0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-o-backface-visibility: hidden
}
.et_overlay:before {
position: absolute;
top: 55%;
left: 50%;
margin: -16px 0 0 -16px;
font-size: 32px;
content: "\e050";
-webkit-transition: all .4s;
-moz-transition: all .4s;
transition: all .4s
}
РЕДАКТИРОВАТЬ: пробовал эту функцию также, но безуспешно:
function remove_image_zoom_support() {
remove_theme_support( 'wc-product-gallery-zoom' );
}
add_action( 'wp', 'remove_image_zoom_support', 100 );
Любая помощь, как это исправить?Спасибо