Сложная прокрутка на мобильных устройствах из-за перехода / масштабирования при наведении - PullRequest
Новая
       40

Сложная прокрутка на мобильных устройствах из-за перехода / масштабирования при наведении

0 голосов
/ 25 апреля 2019

Я использую тему Wordpress (Modern Agency, подтема Total).Изображения элементов портфолио увеличиваются, и при наведении на них появляется значок.Это также относится и к мобильным устройствам, но это затрудняет прокрутку: я перетаскиваю палец вверх и вниз по экрану несколько раз для прокрутки, потому что мой мобильный браузер (iOS iPhone SE), кажется, придерживается элемента портфолио, так какв отличие от прокрутки.

вы можете найти веб-сайт здесь:

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

Это то, что я пробовал до сих пор: 

.overlay-plus-hover, .overlay-plus-hover:hover, portfolio-entry-media-link, portfolio-entry-media-link:hover, portfolio-entry-img {
transition: none!important;
zoom: 0!important;
}

.wpex-image-hover,.wpex-image-hover:hover, .grow img:hover {
    transition: none!important;
    zoom: 0!important;
}

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

1 Ответ

0 голосов
/ 25 апреля 2019

Установите медиазапрос для размеров экрана мобильного устройства и установите для атрибута transform значение none в классе .wpex-image-hover.grow:hover img.

Например: 

@media screen and (max-width:480px) {
    .wpex-image-hover.grow:hover img {
        -ms-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -moz-transform: none;
        transform: none;
     }
 }
...