Добрый день! Впервые столкнулся с сайтом на InstantCMS (версия 1.9, шаблон, как я понял, дефолтный). Задача стоит убрать кое-какие блоки для мобильных, в идеале спрятать меню в гамбургер. Пытаюсь разобраться как вообще сайт адаптируется под мобильные. В CSS медиа не вижу, в хеде viewport тоже нет, ширина фиксированная 1000px. При этом на мобильном ширина сайта подгоняется под экран и размер шрифта меняется.
Причем в десктопном браузере сайт ведет себя как обычный с фиксированной шириной, то есть при уменьшении окна ничего не адаптируется. Даже если менять user-agent. Уже несколько часов читаю форумы, но все что нашел говорит об обычных вещах типа медиа запросов или viewport.
Здесь же, похоже, все реализовано как-то иначе. Помогите, пожалуйста, разобраться
Отображение сайта на мобильных устройствах
ЕСТЬ РЕШЕНИЕ
ЗАКРЫТО
InstantCMS 1.X
Помогите разобраться как работает адаптация под мобильные
#1
29 января 2018 в 12:22
#2
29 января 2018 в 12:45
Сталкивался с этим, смог решить проблему только: сняв адаптацию под мобильные устройства с шаблона польностью.
#3
29 января 2018 в 13:38
Это обычное поведение "мобильных" версий сегодняшних браузеров.При этом на мобильном ширина сайта подгоняется под экран и размер шрифта меняется.
Если хотите вывести во всю ширину (с горизонтальным скролом), попробуйте добавить в head что-то типа:
<meta name="viewport" content="width=1000px">
Сегодня в 20:43
#4
29 января 2018 в 15:20
Спасибо за подтверждение! Сам пришел к тому же выводу, перестал голову ломать и сделал, что мне нужно с помощью медиа и пары скриптовЭто обычное поведение "мобильных" версий сегодняшних браузеров.