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