Как перейти на мобильную версию сайта на телефоне

6 способов, как посмотреть мобильную версию сайта на компьютере

В данной статье мы рассмотрим 6 способов, как проверить мобильную версию сайта с компьютера. Помните, что у хорошей мобильной версии сайта текст на странице можно прочитать без дополнительного увеличения, интересующей области экрана, т. е. размер содержания автоматически подстраивается под размер экрана. Чем меньше действий нужно совершить, тем удобнее использовать сайт, поэтому он может дать больше заявок и звонков клиентов.

• Под какие разрешения проверять? Наиболее популярные разрешения экранов
• Способы проверки мобильной версии сайта на компьютере:

Под какие разрешения проверять? Наиболее популярные разрешения(DPR) экранов

На основании статистики https://www.hotlog.ru/global/screen на начало 2020 г. наиболее популярными реальными(виртуальные DPR) разрешениями экрана среди мобильных были следующие:

Наиболее популярные реальные(виртуальные DPR) размеры(разрешения) экранов телефонов на 2020 г.
Разрешение(ширина x высота)	% от всех переходов с мобильных
360px(640-780px)	57%
375px(667-812px)	15%
412px(846-892px)	6%
414px(736-896px)	6%
320x568px	5%
393x851px	4%

Как видно из статистики минимальная ширина экрана 320 px, поэтому лучше, если проверка мобильной версии сайта начинается именно с этой цифры и размер постепенно увеличивается.

Выше рассматривалась статистика по телефонам, но к мобильным устройствам также относятся и планшеты. Наиболее популярные разрешения среди планшетов 1024x768px и 1280x800px. Планшеты составляют всего 2,7% от всех устройств, с которых заходят в интернет(53,3% телефоны и 44% компьютеры), согласно исследованиям We Are Social и Hootsuite за 2019 г. При этом доля планшетов продолжает падать и за 2019 г. уменьшилась на 27%.

Учтите, что при отображении сайта на мобильном устройстве отсчет идет не от физических пикселей(они указаны в тех. характеристиках), а от виртуальных(DPR). Например, Samsung Galaxy S10 имеет разрешение 1440x3040px(физические пиксели, указанные в характеристиках), но фактически при отображении сайта такая детализация не нужна, поэтому реальное разрешение будет соответствовать 360x740px(виртуальные пиксели DPR). Проще говоря, каждые 16(4×4) физических пикселей будут сливаться вместе и выглядеть как один реальный(виртуальный).

Это сделано, чтобы сохранить читабельный размер мобильной версии сайта, иначе весь сайт сильно уменьшится и его станет неудобно просматривать.

Как узнать реальное(виртуальное DPR) разрешение смартфона

К сожалению, в характеристиках мобильных телефонов, как правило, не указывают число виртуальных пикселей, поэтому остается только искать таблицы соответствия физических и виртуальных пикселей в поисковиках, например, по запросу «viewport size».

1. Обычный браузер: Яндекс.Браузер, Google Chrome, Opera, Mozila Firefox (5 из 5 баллов)

Самый простой способ посмотреть мобильную версию сайта на компьютере — открыть его в обычном браузере и включить «Инструменты разработчика». При включении режима «Инструменты разработчика» вы сможете посмотреть, как выглядит сайт на популярных моделях телефонов и любом заданном размере экрана.

Плюсы/минусы проверки в браузере на компьютере

Плюсы: — самый удобный и простой способ при разработке сайта

— Самый универсальный и правдоподобный способ, т.к. тест в реальном браузере;

— Можно на компьютере проверить, как выглядит мобильная версия сайта при любом разрешении экрана.

— Не получится посмотреть небольшое количество сайтов(по личным оценкам менее 1%), у которых разработчики сделали недоступным просмотр мобильной версии на компьютере даже при изменении размера окна. Но если в браузере мобильная версия сайта отображается нормально, то 99,9%, что страница также будет открываться и на мобильных устройствах.

Как проверить мобильную версию сайта на компьютере в браузере

Чтобы открыть мобильную версию сайта на компьютере необходимо 2 шага:

1 Шаг. Включить «Инструменты разработчика»

Инструменты разработчика позволяют изменять ширину окна браузера до пропорций телефона и посмотреть, как выглядит мобильная версия при таком размере окна.

В Яндекс.Браузер зажмите Ctrl+Shift+I или кликните: три вертикальные полоски —> «Дополнительно» —> «Дополнительные инструменты» —> «Инструменты разработчика».

Как включить «Инструменты разработчика» на примере Яндекс браузера

В Google Chrome нажмите Ctrl+Shift+I или зайдите: три вертикальные точки —> «Доп. инструменты» —> «Инструменты разработчика».

В Mozila Firefox зажмите Ctrl+Shift+I или перейдите: три вертикальные полоски —> «Веб разработка» —> «Инструменты разработчика».

В Opera нажмите Ctrl+Shift+I или кликните: «Меню» —> «Разработка» —> «Инструменты разработчика».

2 Шаг. Включить «Режим адаптивного дизайна(toggle device toolbar)»

Режим адаптивного дизайна позволит получить более тонкие настройки: изменять ширину окна в пикселях и плотность пикселей экрана, а также на компьютере посмотреть мобильную версию на реальных моделях телефонов.

Как включить «Режим адаптивного дизайна(toggle device toolbar)»

В Яндекс.Браузер, Google Chrome, Opera после выполнения 1 шага зажмите (Ctrl+Shift+M) или кликните на значок Toggle device toolbar(изображен планшет с телефоном). Появится поле для изменения разрешения и меню популярных смартфонов.

Как включить «Режим адаптивного дизайна» на примере Яндекс браузера

В Mozila Firefox после выполнения 1 шага нажмите (Ctrl+Shift+M) или кликните на значок: три вертикальные полоски —> «Веб разработка» —> «Адаптивный дизайн». Далее, появится выбор разрешения и меню популярных телефонов.

3 Шаг проверка на наиболее популярных размерах экрана

Проверьте, как выглядит сайт при всех наиболее популярных размерах ширины экрана у мобильной версии: 320px, 360px, 375px, 393px, 412px, 414px, 1024px, 1280px.

Конечно, можно и не заходить в инструменты разработчика, а просто сжать по бокам окно просмотра, но проблема заключается в том, что у окна есть минимальная ширина, меньше которой сжать не получится, поэтому этот способ подойдет только при проверке на мобильных устройствах с большим размером экрана, например, на планшетах.

Проверка мобильной версии сайта на компьютере в Mozila Firefox. Достаточно открыть сайт и сжать окно просмотра.

2. Браузер blisk (5 из 5 баллов)

Браузер blisk — самый функциональный и удобный способ, как открыть и посмотреть мобильную версию сайта на компьютере при любом разрешении экрана. Blisk создан для разработчиков веб приложений и сайтов, основным отличием от проверки в обычном браузере является: более удобный интерфейс и возможность одновременного просмотра «десктоп» и «мобильной» версий в одном окне.

Также blisk обладает хорошим эмулятором мобильного устройства, что позволяет на компьютере открыть мобильные версии отдельных сайтов, у которых разработчики сделали недоступными их просмотр в обычном браузере, даже при изменении разрешения. Хоть таких сайтов очень мало, но все равно приятно, что разработчики учли даже это.

Плюсы/минусы проверки в браузере blisk

Плюсы: — самый удобный и простой способ при разработке сайта

— Быстрая установка без регистрации;

— Доступны все устройства с наиболее популярными разрешениями экранов;

— Самый функциональный и удобный способ;

— Проверить мобильную версию сайта можно при любом разрешении экрана;

— Посмотреть мобильную версию сайта на компьютере можно, даже если это запрещено разработчиками при просмотре с компьютера.

— Бесплатная проверка мобильной версии сайта ограничена 30 мин. в день, далее доступен только платный тариф.

При проверке сайта не забудьте отключить кэширование(поставить «Cache» в позицию «off» сверху слева в панели Toolbox), иначе даже после изменений, может отображаться старая версия сайта.

Разрешения экрана мобильных устройств для проверки в браузере blisk

Чтобы убедиться, что на большинстве мобильных устройств сайт отображается корректно, важно знать не только, как открыть и проверить мобильную версию сайта на компьютере, но и при каких разрешениях смотреть. Рекомендую прощелкать в меню значки устройств, имеющих следующие размеры ширины экрана: 320px, 360px, 375px, 393px, 412px, 414px, 1024px(планшет), 1280px(планшет). Данные значения ширины экрана являлись наиболее популярными на начало 2020 г., более подробная статистика выше.

3. Adaptivator (2,5 из 5 баллов)

Adaptivator позволяется посмотреть мобильную версию сайта online, но среди доступных размеров ширины экрана мобильных версий нет 67% наиболее популярных разрешений, а некоторые имеющиеся размеры дублируются. Сервис получает низкую оценку, потому что непонятно, как посмотреть мобильную версию сайта на компьютере у большинства устройств.

Минусы:

— Нельзя посмотреть, как выглядит сайт у 67% мобильных пользователей. Отсутствует проверка мобильной версии сайта при следующих размерах ширины: 57% пользователей используют 360px(виртуальные пиксели DPR), 6% — 412px и 4% — 393px. Данные статистики на начало 2020 г.

— Показывает, как выглядит сайт на 12 разрешениях мобильных устройств.

— Показывает весь сайт целиком;

— Есть ширина экрана 320px, 375px. Если на этих размерах сайт отображается корректно, то, скорее всего, будет нормально отображается и при самой популярной ширине — 360px.

4. Responsinator (2 из 5 баллов)

responsinator.com — бесплатный сервис, который позволяет проверить мобильную версию сайта на нескольких разрешениях, но на нем нет 65% наиболее популярных размеров ширины экрана, поэтому низкая оценка. Вопрос: «как проверить мобильную версию сайта на компьютере при минимальной и еще используемой ширине 320px?» — остается неотвеченным. Ширина экрана 320 px является важным субъективным критерием т.к. если сайт открывается при 320 px, то, скорее всего, при остальных размерах мобильной версии тоже должен корректно отображаться.

Минусы:

— нельзя посмотреть, как выглядит сайт у 65% мобильных пользователей. Минимальный размер разрешения мобильной версии начинается с 374px. Но 57% мобильных устройств имеет ширину экрана 360px(виртуальные пиксели DPR), 5% — 320px и 4% — 393px. Статистика по разрешениям на начало 2020 г.

— Показывает сразу, как выглядит сайт на 10 разных разрешениях мобильных устройств;

— Показывает весь сайт целиком.

5. Яндекс.Вебмастер (1 из 5 баллов)

Яндекс.Вебмастер позволяет проверить мобильную версию только сайтов, которые зарегистрированы в системе(нужно подтвердить доступ к сайту), помимо этого, необходимо быть зарегистрированным пользователем Яндекса, т. е. иметь почту. Показывается только одно разрешение и первый экран(область без прокрутки страницы) и как открыть остальную часть мобильной версии сайта непонятно.

Минусы:

— Показывает, как отображается только верхня часть(область без прокрутки страницы);

— Проверка мобильной версии сайта только с одним разрешением, по ширине 320px(5% от всех мобильных устройств на начало 2020 г.);

— Необходимо проходить регистрацию и подтверждать права на сайт;

— Показывает хоть что-то, а это лучше, чем ничего.

6. Google test (1 из 5 баллов)

Google test, позволяет без регистрации и входа на сайт проверить, как отображается только верхняя часть сайта на мобильном телефоне. Нельзя посмотреть, как выглядит мобильная версия сайта на компьютере целиком, даже в единственном доступном разрешении — отображается только верхняя часть(область без прокрутки страницы).

Минусы:

— Показывает как отображается только верхня часть(область без прокрутки страницы);

— Проверка только с одним разрешением, около 410px по ширине, а это размер всего 12% мобильных устройств на начало 2020 г.

— Показывает хоть что то, а это лучше, чем ничего.

Важно: Ваш сайт ассоциируется с качеством ваших услуг и товаров, поэтому при некорректном отображении страницы, доверие к вашей компании уменьшается, а вместе с этим и количество заявок. Ко всему прочему, у посетителя начинают появляться мысли, что если организация не может сделать себе качественный сайт, значит, она ненадежная и небольшая. Поэтому важно чтобы сайт хорошо отображался на любом мобильном устройстве и компьютере.

Как перейти на мобильную версию сайта?

Включите ответы в обычной версии и внизу страницы справа есть очень мелкая надпись мобильная версия.

Остальные ответы

Внизу в браузере есть надпись «мобильная версия»

Евгений НедведскийУченик (154) 4 года назад

Спасибо. просто мелким шрифтом написано. не разглядел сразу. отличный сайт

В хроме эта кнопка, что описано выше

Похожие вопросы

Ваш браузер устарел

Мы постоянно добавляем новый функционал в основной интерфейс проекта. К сожалению, старые браузеры не в состоянии качественно работать с современными программными продуктами. Для корректной работы используйте последние версии браузеров Chrome, Mozilla Firefox, Opera, Microsoft Edge или установите браузер Atom.

Как редактировать мобильную версию сайта?

Вы можете прямо в конструкторе настроить внешний вид сайта на различных устройствах. Настройки адаптивности позволяют настроить отображение сайта на компьютерах, планшетах и телефонах. С помощью этих настроек можно:

• Настраивать фон отдельно для каждой версии сайта.
• Скрывать отдельные блоки и виджеты.
• В версии сайта для планшета можно выбрать размещение виджетов в одну или две колонки.
• Настраивать размер текста и межстрочного интервала.
• Настраивать дизайн корзины в модуле интернет-магазина.

Настройки для виджетов

Скрытие виджетов

Скрывать отдельные виджеты можно только на планшетной и телефонной версиях сайта. В режимах редактирования для этих устройств, при наведении на виджеты вы можете их скрыть, нажав на соответствующую иконку:

Примечание:

На служебных страницах скрывать виджеты нельзя, возможно изменять только фон блока.

Виджеты в две колонки

В версии сайта для планшета можно выбрать размещение виджетов в две колонки для более компактного отображения информации. Выберите нужный виджет и нажмите кнопку «В две колонки». Чтобы вернуть исходное отображение, нажмите кнопку «В одну колонку».

Важно:

Если в блоке есть скрытые виджеты, на панели настроек этого блока появляется иконка «Вернуть виджеты», которая возвращает все виджеты в исходное состояние. При этом скрытые виджеты станут видимыми и сбросится настройка «В две колонки».

Примечание:

При редактировании виджетов, изменения будут применяться сразу на всех версиях сайта, а не только на выбранной. Например, при изменении заголовка в режиме планшета, он изменится также для компьютерной и мобильной версий сайта.

Плавающие виджеты: «Заказать звонок», «Поделиться в соцсетях», «LiveChat», «Jivosite», «AddThis»

Для корректной работы сайта на мобильных устройствах такие виджеты не показываются и можно выбрать только один виджет для отображения. Остальные виджеты будут скрыты. Если у вас размещен один плавающий виджет — настройка не будет показываться.

Настройка размера текста и межстрочного интервала

Чтобы настроить размер текста и межстрочный интервал отдельно под каждое устройство, выберите необходимый вам тип устройства — например, мобильный телефон — кликните в любую область внутри виджета «Текст», перейдите в настройки размера текста и при помощи ползунка измените его.

Примечание:

С помощью этой настройки пропорционально изменяется размер текста для всего виджета в целом, а не для отдельных слов или выделенных курсором элементов.

Настройка дизайна корзины в модуле интернет-магазина

Вы можете выбрать вариант отображения корзины в планшетной и мобильной версии. Для этого в разделе «Адаптивная версия сайта», выберите «Телефон» или «Планшет» и, нажав на корзину, настройте отображение.

Настройка высоты виджета «Пробел»

Вы можете отдельно настроить высоту виджета «Пробел» для мобильной и планшетной версии, чтобы изменить отступ между элементами. Для этого выберите необходимый вам тип устройства, кликнете на виджет и потяните за нижний край или установите размер в пикселях для конкретной версии сайта. Минимальный размер — 10px.

Как скрыть блок

Любые блоки, в том числе шапку и подвал, можно скрыть на выбранном устройстве. Чтобы скрыть блок, нужно навести на него указатель мыши и нажать кнопку «Скрыть». При этом в конструкторе блок окрасится в серый цвет и виджеты не будут доступны для редактирования.

Например, если скрыть шапку на компьютерной версии сайта, то она будет отображаться только на планшете и телефоне. Вернуть отображение блока на устройстве можно кнопкой «Показать»

Примечание:

При отключенной опции «Показывать скрытые блоки в конструкторе» — блоки отображаться не будут.

Настройки фона блоков

При смене фона блока (цвет, изображение, карта) в компьютерной версии сайта, фон изменится во всех режимах. Если фон блока был изменен на планшете или телефоне — изменения будут применены только на этом устройстве.

Таким образом, можно облегчить мобильную версию сайта, отключив изображение в фоне блока.

Примечание:

Кнопка «Сбросить настройки» позволяет отменить все изменения фона блока на устройствах и устанавливает фон компьютерной версии.

Настройка расположения виджетов в мобильной версии

На десктопной версии сайта есть возможность разместить несколько виджетов в одну строку, в мобильной версии виджеты размещаются только по одному. Таким образом, строка из десктопной версии формируется в столбец для телефона, начиная с левого виджета в строке. Но иногда требуется сформировать блок из набора виджетов, которые должны выглядеть как единое целое и в мобильной версии идти друг за другом.

Разберем на примере блока, в котором преимущества отеля сформированы при помощи комбинации виджета «Иконка» и «Текст».

При обычном размещении виджетов в мобильной версии преимущества будут отображаться не как единое целое, а отдельно — сначала все иконки, затем весь текст к ним.

Чтобы виджеты шли в нужном вам порядке в мобильной версии, необходимо «привязать» их друг к другу в конструкторе. Для этого потяните виджет в направлении другого виджета, за которым он должен следовать в мобильной версии, до тех пор пока синяя полоса не окажется только под вторым виджетом. В нашем примере необходимо потянуть «Текст» в направлении «Иконки».

После «привязки» всех виджетов «Текст» ко всем соответствующим «Иконкам» в мобильной версии они будут идти друг за другом в связке «Иконка» + «Текст».

Попробуйте прямо сейчас!

Настройка мобильной версии

В данной статье рассмотрим основные настройки мобильной версии интернет-магазина.

• Настройки мобильной версии сайта
• Номер телефона в мобильной версии
• Robots.txt в мобильной версии

Настройки мобильной версии сайта

Для того чтобы включить мобильную версию и произвести настройки, необходимо перейти в пункт меню «Мои сайты — Редактировать — Моб. версия» (рис. 1).

Как вы видите на рис.1 QR код вашей мобильной версии. Сканируйте QR на мобильном устройстве, чтобы быстро перейти в мобильную версию.

Далее поставьте галочку в поле активность и перейдем к рассмотрению настроек (рис.2 и рис.3).

Рисунок 2.

1. Активность — настройка, позволяющая выбрать какая версия будет открываться при заходе клиента в магазин с мобильного устройства: полная или мобильная.
2. Полное оформление заказа (по умолчанию заказ в 1 клик) – настройка, отвечающая за тип оформления заказа, а именно, если галочка не стоит, то по умолчанию, будет форма покупки в 1 клик, если галочка стоит, то оформление будет полным, как в полной версии сайта со всеми полями заполнения: с выбором способа оплаты и способа доставки. Более подробно о данной настройке можете почитать здесь.
3. Тема дизайна по умолчанию с версии используется тема дизайна для мобильной версии — современная (рис.4). Классическая тема дизайна выбирается, если версия интернет-магазина ниже 8.5 (рис.5).

Рисунок 4.

Рисунок 5.

1. Цвет панели браузера выбираете из один из трех вариантов:
   • Не задано — когда цвет браузера будет белый (рис.6);
   • Согласно цветовой схеме — цвет браузера будет такой же как цветовая схема магазина (рис.7);
   • Свой цвет — выбираете цвет в настройках (рис.8), как выглядит с разными цветами показано на рис.9.

Рисунок 6.

Рисунок 7.

Рисунок 8.

Рисунок 9.

В теме дизайна «Современная», дополнительно доступны следующие настройки:

• Цвет шапки — выбираете либо цвет белый (рис.10), либо цвет по цветовой схеме магазина, например, в интернет-магазине цветовая схема синяя (рис.11).

Рисунок 10.

Рисунок 11.

• Вид отображения категорий — выбираете «выводить корневые категории» (то есть в меню список категорий сразу виден (рис.12)) или «отображать только ссылку» (в меню будет ссылка «каталог» и только при нажатии на нее откроется список всех категорий (рис.13)).

Рисунок 12.

Рисунок 13.

• Высота изображения товара в каталоге при отображении плиткой и списком — указываете размер высоты блока (рис.15).

Рисунок 14.

• Высота изображения товара в каталоге при отображении блоком — указываете размер высота блока (рис.16).

• Отображения категорий на главной странице — выбираете из выпадающего меню один из трех вариантов отображения категорий на главной странице (не выводить, без иконок, с иконками) (рис.17 ,18, 19).

Рисунок 16.

Рисунок 17.

Рисунок 18.

• Отображать ссылку «Все товары категории» в меню — данная настройка позволяет выводить ссылку в меню для перехода на страницу всех товаров (если товары добавлены в корневой каталог).

Рисунок 19.

• Варианты отображения логотипа — выбираете вариант отображения логотипа в мобильной версии, а именно:
  Рисунок 20.
  Рисунок 21.
  Рисунок 22.
  • Текст — если выбираете данный пункт, то добавляются дополнительно 2 настройки (рис.20): выбираете либо «Показывать заголовок по умолчанию» (заголовок берется из общих настроек рис.21), либо «Свой заголовок» (вписываете свое название рис.22)
  • Логотип десктопной версии — подгрузится логотип как в полной версии сайта.
  • Загрузить свой логотип — можете загрузить свой логотип конкретно для мобильной версии.
• Отображать кнопку «В корзину» в списке товаров — данная настройка выводит в каталоге кнопку «добавить в корзину» (рис.21).
• Число строк в названии товара — указываете число, оно означает сколько строк выводить в названии, если название слишком длинное.

Для интернет-магазинов версии ниже 8.5 используется тема дизайна «Классическая», и из настроек описанных выше для современного дизайна будет только тестовый логотип: либо свой заголовок, либо заголовок по умолчанию.

1. Тип отображения списка товаров в каталоге (по умолчанию) — выбираете тип отображения товаров в каталоге (плитка, список, блоки). И настройка «Разрешить покупателям менять тип» — позволяет менять тип отображения клиентам на сайте.
2. Количество товаров на главной — поле отвечает за количество товаров на главной странице сайта.
3. Выводить город — настройка позволяет выводить город в мобильной версии автоматически. Если галочка стоит, то город будет выводиться, если галочку убрать, то города не будет. На рисунке 23 показано, как будет выглядеть мобильная версия с включенной настройкой. На рисунке 24 показано, как выглядит мобильная версия с отключенной настройкой вывода города.

Рисунок 23.

Рисунок 24.

1. Выводить карусель — настройка отвечает за вывод карусели в мобильной версии: если галочка стоит, то карусель будет включена и отображаться в мобильной версии (рис.25), если галочка выключена, то карусель не будет выводиться (рис.26).

Рисунок 25.

Рисунок 26.

Внимание!

Для карусели в десктопной и мобильной версии рекомендуется добавлять баннеры разных размеров. С рекомендациями можно ознакомиться в отдельной статье — Карусель.

• Показывать нижнюю панель (рис. 27) — опция активирует нижнюю панель в мобильной версии.
  Рисунок 27.

• Действие при клике в нижней панели на каталог — определяет действие по клику на кнопку «Каталог» в нижней панели. Два варианта — переход на адрес /catalog, либо вызов мобильного меню (рис. 28).
  Рисунок 28.
• Сворачивать информационные блоки в карточке товара — данная настройка отвечает за скрытие вкладок в карточке товара (рис. 29).
  Рисунок 29.

Номер телефона

Для того чтобы клиент смог позвонить с мобильного устройства, необходимо указать один номер телефона. Зачастую в полной версии указано несколько номеров, скайп, whatsApp и другая информация. Поэтому для номера телефона в мобильной версии есть отдельное поле, где вы сможете прописать один номер телефона.

Основной телефон магазина для мобильной версии будет показан для всех городов, для которых не задан телефон. Телефон вводится без форматирования в разделе «Настройки» — «Общие настройки» (рис.30), вкладка «О магазине», поле «Основной телефон в числовом формате» (рис.31). Пример: 74950000000.

Рисунок 30.

Рисунок 31.

Для разных городов также можно указывать разные номера телефонов, для этого перейдите в пункт меню «Настройки — Общие настройки», под полем «Телефон» нажмите на кликабельную ссылку «Указать разные телефоны для некоторых городов», (рис.32), затем для нужного города укажите номер телефона (рис. 33).

Рисунок 32.

Рисунок 33.

Robots.txt в мобильной версии

Файл robots.txt – это файл, который необходим для роботов поисковых систем. Данное поле можно настраивать, если мобильная версия доступна по поддомену m.

Если у вас поддомена нет, то файл будет такой же, как в полной версии сайта.

Другие статьи по теме

• Настройка мобильного приложения
• Оформление заказа в мобильной версии
• Статические блоки мобильной версии
• Меню в мобильной версии