Проблема с подсказк...
 
Уведомления
Очистить все

[Решено] Проблема с подсказками над иконками соц сетей


Niyaz
Сообщения: 3
Topic starter
(@niyaz)
New Member
Присоединился: 3 месяца назад
image

Вот как примерно выглядят подсказки на мобильном дизайне. Нигде не нашел как кастомизировать это. А еще, в десктопной версии перед иконками есть надпись "Войти через", а в мобильной версии ее нет. Как можно исправить?

4 Ответов
Ольга
Сообщения: 70
Admin
(@olga)
Поддержка
Присоединился: 2 года назад

Здравствуйте @niyaz,

Вот как примерно выглядят подсказки на мобильном дизайне. Нигде не нашел как кастомизировать это.

Тут явно CSS конфликт с активной темой либо с другими плагиномы. Оставьте здесь URL, я помогу вам решить проблему.

А еще, в десктопной версии перед иконками есть надпись "Войти через", а в мобильной версии ее нет. Как можно исправить?

Так и должно быть. Разработчики скрыли текс на мобильных устройствах, чтобы избежать проблем с дизайном. Вы можете отобразить с помощью CSS кода:

@media screen and (max-width: 600px){
   #wpdcom .wpd-social-login .wpd-connect-with {
        display: block !important;
   }
}

Добавте код в Настроить > Дополнительные стили. Не забудьте удалить кеши перед проверкой.

Ответить
3 Ответы
Niyaz
(@niyaz)
Присоединился: 3 месяца назад

New Member
Сообщения: 3

@olga здравствуйте. 

Спасибо, вторую проблему решил, но с подсказками еще не разобрался. Вот ссылка: https://psychoman.ru/kak-perestat-boyatsya-klounov-2/

Ответить
Ольга
Admin
(@olga)
Присоединился: 2 года назад

Поддержка
Сообщения: 70

@niyaz,

Попробуйте данный код:

@media screen and (max-width: 600px){
    .wpd-social-login [wpd-tooltip]:before {
        top: -8px;
    }
   .wpd-social-login [wpd-tooltip]:after {
       top: -8px;
    }
    #wpdcom .wpd-form-head {
        padding-top: 13px !important;
   }
}

Он должен помочь вам решить проблему.

Ответить
Niyaz
(@niyaz)
Присоединился: 3 месяца назад

New Member
Сообщения: 3

@olga спасибо большое! Очень помогли.

Ответить
Поделиться: