Skip links

Как переместить виджет Chaty через CSS

В сегодняшнем видео на ютубе я показал как можно добавить плавающие иконки на ваш сайт. Если вы столкнулись с тем, что виджет chaty перекрывает какие-то элементы на сайте, тогда вас спасёт вот этот css код. Обратите внимание, что код работает только для устройств с расширением выше 768 пикселей, то есть для ПК и для планшетов. 

По умолчанию у виджета отступ справа (right) и отступ снизу (bottom) стоит по 25 пикселей. Попробуйте поиграть со значениями, что бы отодвинуть виджет.

Если вы будете выводить виджет слева, тогда вместо right вам нужно будет написать left и указать своё значение.

				
					@media (min-width: 768px) {
    .chaty-widget {
        right: 25px !important;
        bottom: 25px !important;
    }    
}
				
			
Хотите узнать больше?
Подписывайтесь на мой Telegram-канал, в котором я делюсь эксклюзивным контентом, которого нет в блоге!
Эван
Онлайн
Свяжитесь со мной:

Связаться со мной проще всего в Telegram или WhatsApp – пишите прямо сейчас:

Мои каналы:
YouTube и Telegram-канал – место, где я делюсь опытом и фишками из практики.
Оставить заявку

Оставьте заявку и я свяжусь с вами в течении нескольких часов для более подробного обсуждения деталей.

Важно!

Сайт обновляется, поэтому некоторые функции могут быть недоступны, или отображаться некорректно.

Закрыть
Explore
Листай