• Доброго времени, знающие.
    Помогите, пожалуйста, разобраться со следующим вопросом:
    Добавил кнопку с фиксированной позицией в footer следующим кодом:

    
    <div class="call_back"><a href="#">ПОМОЩЬ С ПОИСКОМ</a>/div>
    

    в дочерней теме, в style.css добавил стили:

    
    .call_back{
    -webkit-transform: rotate(-90deg);
    -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

    Благодарю за уделенное время.

    • Тема изменена 4 года, 3 месяца назад пользователем fffmiller.
    • Тема изменена 4 года, 3 месяца назад пользователем fffmiller.
    • Тема изменена 4 года, 3 месяца назад пользователем fffmiller.
    • Тема изменена 4 года, 3 месяца назад пользователем fffmiller.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 1 ответа (всего 1)
Просмотр 1 ответа (всего 1)
  • Тема «Не отображается кнопка на мобильных» закрыта для новых ответов.