Как отключить адаптивный дизайн
Узнайте, как отключить метатег viewport и изменить контрольные точки для отключения адаптивного макета.
1. Viewport метатег
Проверьте Disable the viewport meta tag установленный чекбокс (галочку) в меню Settings -> Responsive настроек вашего шаблона. Таким образом установиться стандартная ширина макета для отображения на гаджетах до 980px и сайт будет выглядит на них, как на обычном экране компьютера.2. Контрольные точки
Следующим шагом будет установка минимальных и максимальных значений для предотвращения адаптивности дизайна макета. Чтобы сделать это, откройте инструмент Customizer в настройках шаблона и установитеMini
, Small
, Medium
и Large
контрольные точки дo 0px. Контрольную точку Xlarge
нужно установить как можно больше, например, 9999px. Это сделает невозможным для браузеров изменять размеры до значений контрольных точек, тем самым "не поддаваться" адаптивности на вашем сайте.3. Less
Вам необходимо добавить следующий CSS код в файл/less/theme.less
..uk-container { max-width: none; width:@utility-container-max-width;}
Совет: Изучите урок по настройке шаблона, чтобы узнать, как переопределять файлы.