Если дизайн вашего веб-сайта выглядит искаженно или элементы расположены неправильно на мобильных устройствах, скорее всего, это связано с пользовательскими настройками размера макета.
Причина, по которой это происходит:- «Пользовательские настройки высоты и ширины»: Проблема возникает из-за того, что вы установили фиксированные значения «высоты» и «ширины» в пикселях для макета. Данные размеры применяются ко всем устройствам, поэтому дизайн выглядит искаженно на экранах разных размеров;
- «Настройки минимального/максимального размера макета»: Когда вы задаете значения «Min или Max» для макетов в режиме «для широких экранов», эти настройки переносятся и для макетов на мобильной версии, что приводит к несоответствию или ограничению дизайна.
- Перейдите в раздел «Структура страницы» на «Правой панели» вашего конструктора сайтов;
- Просмотрите структуру макетов и все элементы с типами макета «Горизонтальный» и «Вертикальный»;
- На «Правой панели инструментов» выберите «Размер» и проверьте все элементы:
- «Ширина» желательно должна быть «100%» или «Авто»;
- «Высота» должна быть «Авто»;
- Все флажки «Мин.» и «Макс.» в разделе «Размеров» должны быть отключены (это гарантирует, что ваш макет будет автоматически адаптироваться к экранам разных размеров).
- Проверьте элементы на каждой странице;
- Нажмите «Предпросмотр», чтобы проверить результат.
Обратите внимание: Следуя этим шагам, ваш веб-сайт будет иметь адаптивный дизайн, который будет корректно работать на ПК, планшетах и мобильных устройствах.