zoomContainer не работает на мобильном телефоне или даже в увеличенном браузере

Question

Изображения товара открываются как прямая ссылка на изображение на мобильных устройствах или даже в увеличенном виде в браузере, они должны открываться в zoomcontainer, как на рабочем столе.

Самое странное, что когда я открываю свою страницу вна рабочем столе при обычном 100% масштабировании и увеличении до 300-400-500% он работает отлично, НО, когда я обновляю страницу на этих масштабах, (перезагрузка страницы уже увеличена) он вообще не работает, и изображения открываются как прямые ссылки наизображений.

Я понятия не имею, что даже может вызвать это, поэтому я не знаю, какой код вставлять сюда, никогда раньше такого не испытывал.Спасибо за любую помощь

Вы можете проверить это здесь: https://winterland.sk/zimne-vychytavky/dotykove-rukavice

Answer 1

У вас есть дополнительный div в верхней части вашего изображения id = "# oknopredimg" , поэтому в основном вы нажимаете не изображение, а этот div.Вы можете попытаться скрыть это.

@media (max-width: 1100px){
  #oknopredimg {
    height: 400px;
    width: 100%;
    background-color: #f000;
    position: absolute;
    z-index: 999;
    display: none;
  }
}

То же самое для других ваших экранов @ media (max-width: 992px) ...