Как изглежда сайтът на телефон и как е устроено мобилното меню

На тесен екран — до 768 пиксела — горното меню се пренарежда автоматично, не е нужно да настройвате нищо:

• в горната част остават само логото и поздравът, а вдясно — бутон-«хамбургер»;
• при натискане останалите елементи се разгръщат като списък под горната лента: ред на цялата ширина, надпис в центъра, тънки линии между редовете;
• повторно натискане или щракване извън списъка го затваря;
• дълъг поздрав, който не се събира до логото, се пренася изцяло на втори ред, а бутонът остава вдясно от логото.

Кои елементи остават в горната лента, не се настройва: само логото и поздравът. Всичко останало от горното меню е вътре в списъка.

Лого. На телефон то се побира по ширина, а височината от прозореца със стилове се превръща в негово ограничение. Излишна празнота над и под логото няма да има.

Как да проверите. Отворете сайта на телефон или стеснете прозореца на браузъра. Бутонът за превключване на режима на администратор на телефон е кръгче до «хамбургера».

Ако не се получи

• На телефон сайтът е дребен, като на компютър. Обновете страницата с изчистване на кеша: телефонът може да е запазил стара версия на страницата.
• Страницата се превърта настрани. Пречи широк елемент в текста — таблица или блок със зададена ширина в пиксели. Намалете ширината или я задайте в проценти.
• Нужният бутон се е скрил в «хамбургера». Например «Инсталирай приложението». Сложете го в долния колонтитул или като секция на страницата.