Как сделать форму комментариев ВКонтакте адаптивной

Как сделать форму комментариев ВКонтакте адаптивной

Если вы установили на своем сайте форму комментариев от ВКонтакте, то наверняка столкнулись с проблемой отсутствия адаптивности. Если со стационарного компьютера или ноутбука все выглядит хорошо, с мобильной версии форма комментирования от ВКонтакте может поломать всю верстку.

Чтобы этого не случилось, достаточно прописать ширину формы в процентах. Для этого пропишите в файле стилей css следующий код:

#vk_comments,

#vk_comments iframe {

width: 100% !important;

}

После этого вы увидите, что форма комментирования «подстраивается» под любой формат и не ломает верстку.

Не забудьте создать для своего сайта группу, это тоже улучшит ваши ПФ и позволит пользователям отслеживать новости.

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: