ДИП.Мобильный блок выходит за экран
На телефоне элементы смещены относительно макета.
- Что делаем
- Проверяем координаты, ширину контейнера и привязки на мобильном брейкпоинте.
- Результат
- Элементы помещаются в экран, текст и кнопки доступны.
Не работает Zero Block на Tilda
Элементы Zero Block смещаются, перекрываются или не работают на мобильном? Проверим адаптивные настройки, слои, анимацию и сторонний код.
Стоимость
2 500₽
за час работы
от 30мин
время реакции
Как проявляется проблема
Выберите симптом — подскажем, какие данные сохранить до изменений.
Сохраните URL, скриншот и размеры окна. Сравните координаты элемента на нужном брейкпоинте в копии блока.
Отправить ошибку →Где обычно находится причина
Одинаковый симптом может возникать на разных уровнях. Причину подтверждаем журналами и воспроизводимым тестом.
Адаптивные координаты
Сравниваем координаты, контейнеры и привязки элементов на каждом проблемном разрешении.
Слои и перекрытия
Проверяем порядок слоёв и прозрачные элементы, которые могут перехватывать нажатие.
Кастомный CSS или JavaScript
Сопоставляем правила CSS и ошибки скриптов с поведением конкретного элемента.
Страница не переопубликована или кэшируется
Сравниваем редактор и опубликованный адрес, отделяем устаревшую копию от ошибки блока.
Покажите проблемный Zero Block
Пришлите адрес страницы, описание проблемы и пример ошибки — согласуем диагностику.
Как находим сбой в Zero Block
Разделяем ошибку блока, загрузку ресурсов и влияние браузера.
Блок и экран. Открываем указанный Zero Block в редакторе и на опубликованном адресе при проблемной ширине окна. Результат: ID блока, размеры окна и пара скриншотов, показывающая расхождение.
Консоль браузера. Повторяем неработающее нажатие или анимацию и сохраняем относящуюся к блоку ошибку JavaScript. Результат: текст ошибки, имя скрипта и действие, которое её вызывает.
Сетевые запросы. Проверяем загрузку скриптов, шрифтов и изображений, а при сбое редактора — запрос, на котором прерывается открытие. Результат: адрес проблемного ресурса и код ответа без cookies и секретов.
Расширения и слои. Сравниваем поведение в чистом профиле браузера без расширений; при сохранении сбоя проверяем перекрытия и привязки элементов на копии блока. Результат: подтверждённый конфликт расширения либо конкретный слой или брейкпоинт.
Контрольное открытие. После согласованного исправления заново открываем редактор и опубликованный блок, проверяем кнопку, форму и анимацию на исходном разрешении и мобильном экране. Результат: блок загружается без исходной ошибки, элементы доступны и не выходят за экран.
Что делаем после диагностики
Сохраняем исходное состояние и проверяем каждое изменение.
Воспроизводим на нужном разрешении
Повторяем сбой на указанной ширине окна и фиксируем исходный вид.
Проверяем слои и брейкпоинты
Проверяем привязки, порядок слоёв и состояния элементов на основных брейкпоинтах.
Исправляем блок или код
Меняем подтверждённую причину на копии, сохраняя исходный блок для восстановления.
Публикуем и тестируем основные устройства
После согласованной публикации проверяем кнопки, формы, анимацию и отсутствие горизонтального скролла.
Как принимаем результат
Повторяем исходный сценарий и передаём список изменений и проверок.
Сверяем блок с макетом
Блок соответствует макету.
Проверяем элементы управления
Кнопки и формы кликабельны.
Проверяем границы экрана
Нет горизонтального скролла.
Проверяем влияние анимации
Анимация не мешает загрузке.
Команда для поддержки и развития
4года
средний срок работы
с клиентами
30+
специалистов уровня
middle+/senior
С какими задачами помогаем
Несколько примеров типовых задач.
Кнопка видна, но не нажимается
Анимация или прозрачный слой перекрывает кнопку.
- Что делаем
- Проверяем слои, ссылки и сценарий анимации на копии блока.
- Результат
- Нажатие вызывает нужный переход, анимация не блокирует действие.
Добрые слова
Это просто космос. Так структурировать проект и доносить суть я ещё не встречал - всё разложили по полочкам с первого касания
Прототип сделали именно таким, каким мы его представляли, хотя сами толком объяснить не могли
Дмитрий ЛамИмпульсЛучшее вложение в digital за последний год
Очень уверенно ведут проект и при этом нормально объясняют всё клиенту
Приятно удивлена, что ни разу не всплыло "мы это не обсуждали". Все хотелки, которые возникали по ходу, брали в работу без лишних споров
Екатерина МироноваОптимаCдали даже чуть раньше дедлайна, и это без потери качества
Комфортная коммуникация. Без сложных терминов и бесконечных переписок
Было ощущение, что проект ведёт внутренняя команда, а не подрядчик
Ребята отработали как для себя
Понравился подход к работе — без воды и бесконечных "мы подумаем". Всё чётко: этапы, сроки, ответственность
Хорошо, что не пытались продать лишнего. Сначала разобрались в задаче, потом предложили адекватное решение под бюджет
Артём ЕрмаковИнтегра системсПервый раз вижу, чтобы подрядчик так трепетно относился к чужому продукту. Чувствуется, что им интересен результат, а не просто сдача работ
Частые вопросы
О доступах, подготовке и проверке результата.
Можно ли исправить без остановки?
Зависит от причины. Предпочтительно проверять изменение на копии и иметь план отката.
Какие доступы понадобятся?
Только необходимые для подтверждения причины; состав согласуем после первичного разбора.
Что прислать в заявке?
URL проблемной страницы или портала; точное описание ожидаемого и фактического результата; время появления проблемы и последние изменения; скриншот или полный текст ошибки без паролей и секретов; разрешение экрана и ID блока.
Почему нельзя сразу назвать срок?
Один симптом может возникать на разных уровнях, поэтому срок уточняется после воспроизведения и проверки журналов.
Спасибо, контакт получили
Свяжемся с вами, чтобы обсудить задачу.