Проблема с отображением текста на 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;
}

 

[prefer]

Проверил в Google Chrome в режиме эмуляции устройств - все работает

 

[mrwad]

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

 

[prefer]

На айфоне не отображается почему-то.

Поддержка JavaScript включена на устройстве ?

 

[mrwad]

Поддержка JavaScript включена на устройстве ?

Этого не проверял. Проблема решиласъ добавлением.

*@media screen and (max-width: 600px){
.sppb-column {
cursor: pointer;
}
}