Jak strona wygląda na telefonie i jak zbudowane jest menu mobilne

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

• w nagłówku pozostają tylko logo i powitanie, po prawej — przycisk „hamburger”;
• po naciśnięciu pozostałe pozycje rozwijają się jako lista pod nagłówkiem: wiersz na całą szerokość, napis wyśrodkowany, cienkie linie między wierszami;
• ponowne naciśnięcie lub kliknięcie poza obszarem zamyka listę;
• długie powitanie, które nie mieści się obok logo, przechodzi w całości do drugiego wiersza, przycisk pozostaje po prawej stronie logo.

To, które pozycje pozostają w nagłówku, nie jest konfigurowalne: tylko logo i powitanie. Wszystko inne z górnego menu — wewnątrz listy.

Logo. Na telefonie dopasowuje się do szerokości, a wysokość z arkusza stylów staje się jego limitem. Nie będzie zbędnej pustki nad i pod logo.

Jak sprawdzić. Otwórz stronę na telefonie lub zwęź okno przeglądarki. Przycisk przełączania trybu administratora na telefonie znajduje się w kółku obok „hamburgera”.

Jeśli nie wyszło

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