Откидная коробка на мобильном

Question

У меня проблема с флип-боксом на Elementor Pro, и я думаю, что вы сможете исправить это с помощью CSS.

Флип-бокс отлично работает на рабочем столе, так как он переворачивается при наведении курсора и он переворачивается, как только курсор исчезает.

Вот в чем проблема: на мобильном устройстве он работает «постукиванием», и он переворачивается только после того, как вы нажмете где-нибудь еще на странице. Это неудобно, и я хотел бы найти другое решение, например, перевернуть его, сделав второй стук по нему (что намного проще и понятнее imho).

Это каждый кусок CSS, который я ' Я обнаружил, что проверял страницу Elementor.

elementor-1370 .elementor-element.elementor-element-08b48bb .elementor-flip-box {
    height: 460px;
}

.elementor-flip-box--effect-flip .elementor-flip-box {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

elementor-flip-box {
    height: 280px;
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

На Wordpress.org я также нашел этот запрос о плагине флипбокса: «У FlipBox нет проблем с DeskTops на Hover, НО на моем iPhone it не работает при нажатии ".

Исправление было следующим, и, возможно, это поможет.

@media only screen and (max-width: 768px) {

.flipbox-content ,.eae-flip-box-front,.eae-flip-box-back{
cursor:pointer;
overflow: visible !important;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
}

Заранее спасибо!