На телефоне сайт «плывёт» не из-за магии, а из-за пары типовых ошибок. Сначала проверь три вещи: шапку, отступы и блоки с фиксированной шириной. Если элемент шире экрана, он даст горизонтальный скролл и съест читаемость.
Частые проблемы:
• слишком крупные заголовки и кнопки, которые переносятся в 3 строки;
• картинки без адаптации, из-за которых блоки распирает;
• колонки, которые на десктопе смотрятся нормально, а на мобильном сжимаются в кашу;
• лишние поля и пустоты между секциями — страница становится бесконечной.
В конструкторе проверь мобильный вид отдельно: не полагайся на автоматическое уменьшение. Уменьшай ширину отступов, выравнивай текст по левой границе, а важные CTA ставь выше первого экрана. Если есть каталог, карточка товара должна помещаться без обрезки цены, кнопки и названия.
Ещё одна типовая ошибка — скрывать на мобильной версии нужные элементы, а потом терять смысл страницы. Лучше убрать второстепенное, чем прятать то, по чему клиент узнаёт услугу или товар.
Перед публикацией открой сайт с обычного телефона и пролистай весь путь до заявки: так быстрее всего видно, где верстка мешает продаже.
uKit для малого бизнеса
@ukit_small_biz_ww
Мобильная версия сайта ломается чаще всего в 5 местах — вот где искать
Этот пост опубликован в Telegram-канале uKit для малого бизнеса. Подписаться можно по ссылке: @ukit_small_biz_ww.