Доброго времени, знающие.
Помогите, пожалуйста, разобраться со следующим вопросом:
Добавил кнопку с фиксированной позицией в footer следующим кодом:
<div class="call_back"><a href="#">ПОМОЩЬ С ПОИСКОМ</a></div>
в дочерней теме добавил стили:
.call_back{
-webkit-transform: rotate(-90deg); /*Поворот блока с текстом кнопки на 30 градусов*/
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
position: fixed; /*фиксированная позиция кнопки при прокрутке*/
z-index:9999;
right: 0px; /*отступ с права*/
top: 50%; /*отступ сверху*/
margin-right: -80px; /*отрицательный отступ справа (чем длиннее название кнопки тем больше должно быть значение данного отступа )*/
}
/*Стили для ссылки*/
.call_back a{
color:#fff!important; /*цвет ссылки*/
display:block;
background:#3b5998; /*цвет фона кнопки*/
font-size:1.2em; /*размер шрифта*/
text-align:center; /*выравнивание по центру*/
padding:10px 20px; /*внутренние отступы*/
font-weight:bold;/*жирный шрифт*/
border-radius:5px; /*радиус скругления углов*/
border:1px solid #fff; /*рамка вокруг кнопки*/
}
В полной версии сайта кнопка отображается корректно.
При просмотре с мобильного - нет, только в подвале текстом.
Пытался разобраться на примере плагина jivo, bazz - не вышло, т.к. не силен в знании кода от слова совсем.
Гуглил часов 6 - не увенчалось успехом.
Подскажите, пожалуйста, как и что необходимо подправить, чтобы при просмотре с мобильного кнопка отображалась.
Ставил на shopfilters.ru
Тема: Customizer, css добавлял в дочерней customizer_child
Благодарю за уделенное время.
