Сайт ломается на телефоне — починим вёрстку
Меню не открывается, текст вылезает за экран, кнопка «Купить» уезжает под шапку — чиним конкретную поломку, а не переверстываем сайт заново.
от 5 000 ₽ · 1–3 рабочих дня · 30 дней на доработки
Коротко
| Параметр | Значение | Пояснение |
|---|---|---|
| Цена | от 5 000 ₽ | Точную сумму называем после осмотра сайта |
| Срок | 1–3 рабочих дня | С момента, когда есть доступы и ответы на вопросы |
| Формат | Разово, по списку поломок | Смета до старта, оплата по факту сдачи |
| Гарантия | 30 дней на доработки | Правим бесплатно, если что-то работает не так |
Когда эта работа нужна
Если узнали свой случай хотя бы в одном пункте — задача та самая.
- Входит: Меню-гамбургер не реагирует на нажатие — просто ничего не происходит
- Входит: Приходится листать сайт не только вниз, но и вбок
- Входит: Текст или кнопка «Купить» вылезают за край экрана
- Входит: На телефоне сайт выглядит как уменьшенная десктопная версия — всё мелко
Что делаем
- Проверка сайта на реальных размерах экранов Не только эмуляция в браузере — там не все баги видны
- Список найденных поломок с приоритетом Что ломает пользование, а что просто некрасиво
- Починка меню, форм и блоков, которые не работают на телефоне
- Устранение горизонтальной прокрутки
- Проверка тега viewport и базовых мета-настроек
- Повторная проверка на нескольких размерах экрана после правок
Редизайн мобильной версии — если проблема не в поломке, а в том, что макет для мобильных не делали вовсе
Ускорение загрузки на мобильном интернете — это отдельная задача «Ускорение загрузки сайта»
Правки контента (текстов, фото) сверх того, что нужно для починки вёрстки
Что нужно от вас
Чтобы начать, а не чтобы посчитать: смету назовём и без этого.
- Доступ в админку сайта или к файлам темы/шаблона
- Список того, что вы уже заметили сломанным, с телефона, на котором увидели
- Модель телефона или браузер, если поломка не воспроизводится на всех устройствах
Подробно о задаче
«Не работает на мобильных» почти никогда не значит «вся вёрстка сломана» — обычно это одна-две конкретные вещи, которые видно сразу на телефоне и незаметно на компьютере, потому что там их никто не проверяет. Чиним то, что сломано, а не переверстываем сайт целиком: это и дешевле, и быстрее.
Частые причины, если сузить до типовых:
- Мобильное меню не открывается по клику. Разбор похожего случая на Хабр Q&A показал частую причину: в консоли браузера ошибка вида
TypeError: $ is not a function— скрипт меню ждёт jQuery, а тема или плагин подключили его неправильно или не в том порядке. Лечится подключением jQuery до скрипта меню или заменой темы, которая тянет свою версию библиотеки поверх сайтовой. - Появляется горизонтальная прокрутка. Почти всегда один элемент шире экрана: картинка без
max-width: 100%, таблица без обёртки со скроллом, или фиксированная ширина в пикселях там, где нужны проценты. Находится через инструменты разработчика в браузере за несколько минут, чинится точечно. - Нет тега
viewportили он задан неверно. Без<meta name="viewport" content="width=device-width, initial-scale=1">телефон показывает сайт как уменьшенную копию десктопной версии — мелко и с горизонтальной прокруткой. Правится одной строкой в шаблоне, но найти её без доступа к коду со стороны обычного пользователя нельзя. - Кнопки и формы перекрываются шапкой или соседними блоками. Обычно причина в фиксированном позиционировании (
position: fixed), которое не учли для узких экранов, или в блоках, у которых на мобильной версии не сброшены десктопные отступы.
Сколько стоит
Пять тысяч — это одна-две конкретные поломки на типовой CMS: меню, прокрутка, наехавшие блоки. Цена растёт от количества найденных проблем и от того, насколько нестандартна вёрстка — самописная тема без препроцессора и с инлайн-стилями чинится дольше, чем сайт на популярном шаблоне. Если поломок много и они однотипны (например, съехали все карточки каталога), считаем это одной задачей, а не по счётчику багов.
На рынке минимальная адаптация «для порядка» стоит от 2–3 тысяч у фрилансеров и от 10 тысяч в студиях, а полноценная адаптация с проверкой удобства — от 10 и от 15 тысяч соответственно. Мы попадаем между «починкой одного бага» и «полной адаптацией»: конкретный список поломок, а не абонемент на переделку всей мобильной версии.
Вопросы по задаче
У вас на компьютере всё нормально — почему на телефоне ломается?
Почему меню не открывается именно на моём телефоне?
Можно почитать список поломок до того, как платить?
А если проблема не воспроизводится у вас?
Это ускорит загрузку сайта на телефоне?
Посмотрим сайт и назовём цену
Оставьте адрес сайта и пару слов о задаче. Ответим с конкретикой: сколько это стоит у вас и сколько займёт, — а не просьбой уточнить.
Если сайт нужно вести постоянно
Разовая правка закрывает один вопрос, а сайт живёт дальше: обновления, поломки, новые задачи каждый месяц. На такой случай есть вёрстка сайта — там условия по-другому и дешевле в пересчёте на работу.