Проблема с отображением текста на IPhone

[mrwad]

Всем привет!

Проблема с отображением текста в модулях на веб странице. Все работает на всех компъютерах кроме Apple IPhone. Текст в картинках, в нижней части страницы не отображется. Как исправитъ код?

 

.hover03
{
height: 100%;
width: 100%;

-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;

}
.hover03:hover
{
transform: scale(1.2);
transform-origin: center;
}
.hover02 .sppb-cta-title{
color: transparent !important;
}
.hover03:hover .sppb-cta-title{
color: #ffffff !important;
animation:fadeIn ease-in 1;
animation-fill-mode:forwards;
animation-duration:1s;
background-color: rgba(0, 0, 0, 0.5);
}
.hover02 .sppb-btn-default{
color: transparent !important;
background-color: transparent !important;
border: transparent !important;
font-size: 14px !important;
}
.hover03:hover .sppb-btn-default{
color: #fff !important;
background-color: #620376 !important;
opacity:0;
animation:fadeIn ease-in 1;
animation-fill-mode:forwards;
animation-duration:1s;
font-size: 14px !important;
}
.hover03:hover .sppb-btn-default:hover{
color: #fff !important;
background-color: #D46B0A !important;
font-size: 14x !important;
}

  Reveal hidden contents

www.e c o n e t g r o u p.fi

 

Edited January 17, 2019 by mrwad

[klierik]

Здравствуйте.

Текст отображается на iPhone X корректно — http://take.ms/q1OP1

[mrwad]

На айфоне не отображается почему-то. Речь идет про картинки внизу страницы с эффектом hover. Тогда как сделать, чтобы на мобилъном устройстве всегда отображался текст с кнопкой, без функции hover (наведение мыши).

[klierik]

  On 1/17/2019 at 12:02 PM, mrwad said:

На айфоне не отображается почему-то. Речь идет про картинки внизу страницы с эффектом hover.

Expand  

Попробуйте добавить стиль:

.sppb-column {
  cursor: pointer;
}

 

  On 1/17/2019 at 12:02 PM, mrwad said:

Тогда как сделать, чтобы на мобилъном устройстве всегда отображался текст с кнопкой, без функции hover (наведение мыши).

Expand  

Скопируйте стили, которые отвечают за эффект в соответствующее @media правило. На пример:

@media (max-width: 768px) {
    // стили
}