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

mrwad

Создатель
Регистрация
28 Сен 2014
Сообщения
49
Реакции
9
Всем привет!

Проблема с отображением текста в модулях на веб странице. Все работает на всех компъютерах кроме 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;
}

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