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

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

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

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

#vk_comments,

#vk_comments iframe {

width: 100% !important;

}

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

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

Ссылка на основную публикацию