Сейчас приходится все свои сайты переделывать на адаптивный дизайн, чтобы их лучше воспринимал Google в мобильной выдаче.
На некоторых сайтах стоит виджет комментариев Вконтакте с фиксированной шириной (как его установить читайте в статье). В настройках виджета нет возможности указать ширину в процентах.
Чтобы ширина комментариев адаптировалась под размер своего контейнера нужно указать всего одну инструкцию в файле style.css.
1 2 3 |
#vk_comments { width: 100% !important; } |
В этом случае виджет всегда будет занимать 100% ширины блока, в котором он находится, и изменяться при изменении этого блока.
Здравствуйте, сейчас после обновления ВК эта функция почему то не работает, не могли бы вы помочь?
Здравствуйте! Пришлите посмотреть страницу, где установлен виджет.
Если я правильно понял то вам нужен адрес сайта?
Дело в том, что на компьютере и планшете все работает нормально, а вот с мобильного чат обрезается.
http://zombitime.com
У вас 2 виджета на странице с id — vk_comments-222 и vk_comments-111
Для них и нужно указывать width: 100%;
Но в любом случае они выводятся не с самого левого края экрана, поэтому может у вас дизайн не адаптивный и поэтому они неправильно отображаются.
Что посоветуете сделать?
Делайте адаптивный дизайн примерно как здесь написано https://delaemsait.info/kak-bystro-izbavitsya-ot-soobshheniya-google-sajt-ne-optimizirovan-dlya-mobilnyx-ustrojstv/