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

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

5 Посты
2 Пользователи
1 Likes
167 Просмотры
Niyaz
Сообщения: 3
Автор темы
(@niyaz)
Новый участник
Присоединился: 2 года назад

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

4 Ответов
Ольга
Сообщения: 115
Админ
(@olga)
Доверенный участник
Присоединился: 3 года назад

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

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

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

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

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

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

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

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

Новый участник
Сообщения: 3

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

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

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

Доверенный участник
Сообщения: 115

@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)
Присоединился: 2 года назад

Новый участник
Сообщения: 3

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

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