Jak strona wygląda na telefonie i jak działa menu mobilne

Na wąskim ekranie — do 768 pikseli — górne menu przebudowuje się samo, nic nie trzeba konfigurować:

• w nagłówku zostają tylko logo i powitanie, po prawej — przycisk-«hamburger»;
• po kliknięciu pozostałe pozycje rozwijają się jako lista pod nagłówkiem: wiersz na całą szerokość, napis na środku, cienkie linie między wierszami;
• ponowne kliknięcie lub kliknięcie obok zamyka listę;
• długie powitanie, które nie mieści się obok logo, przechodzi w całości do drugiego wiersza, a przycisk zostaje po prawej stronie logo.

To, które pozycje zostają w nagłówku, nie podlega konfiguracji: tylko logo i powitanie. Cała reszta górnego menu znajduje się wewnątrz listy.

Logo. Na telefonie jest dopasowywane do szerokości, a wysokość z okna stylów staje się jego limitem. Zbędnej pustej przestrzeni nad logo i pod nim nie będzie.

Jak sprawdzić. Otwórz stronę na telefonie lub zwęź okno przeglądarki. Przycisk przełączania trybu administratora na telefonie jest kółkiem obok «hamburgera».

Jeśli się nie udało

• Na telefonie strona jest drobna, jak na komputerze. Odśwież stronę z wyczyszczeniem pamięci podręcznej: telefon mógł zapisać starą wersję strony.
• Strona przewija się na bok. Przeszkadza szeroki element w tekście — tabela lub blok o szerokości zadanej w pikselach. Zmniejsz szerokość lub podaj ją w procentach.
• Potrzebny przycisk schował się w «hamburgerze». Na przykład «Zainstaluj aplikację». Umieść go w stopce lub jako sekcję na stronie.