Jak web vypadá na telefonu a jak funguje mobilní menu

← Zpět

Na obrazovce do 768 pixelů zůstává v záhlaví logo a uvítání, ostatní položky se schovají pod tlačítko-«hamburger» a rozbalí se jako seznam.

Na úzké obrazovce — do 768 pixelů — se horní menu přestaví samo, nic nastavovat nemusíte:

  • v záhlaví zůstanou jen logo a uvítání, vpravo je tlačítko-«hamburger»;
  • po kliknutí se ostatní položky rozbalí jako seznam pod záhlavím: řádek na celou šířku, nápis uprostřed, tenké čáry mezi řádky;
  • opětovné kliknutí nebo klik mimo seznam zavře;
  • dlouhé uvítání, které se nevejde vedle loga, se celé přesune na druhý řádek, tlačítko zůstává vpravo od loga.

Které položky zůstanou v záhlaví, nastavit nelze: pouze logo a uvítání. Vše ostatní z horního menu je uvnitř seznamu.

Logo. Na telefonu se vejde na šířku a výška z okna stylů se stane jeho limitem. Nebude kolem loga zbytečné prázdné místo.

Jak to ověřit. Otevřete web na telefonu nebo zúžte okno prohlížeče. Tlačítko přepínání režimu správce je na telefonu kolečko vedle «hamburgeru».

Pokud se to nepodařilo

  • Na telefonu je web drobný jako na počítači. Obnovte stránku s vymazáním mezipaměti: telefon mohl uložit starou verzi stránky.
  • Stránka se posouvá do strany. Překáží široký prvek v textu — tabulka nebo blok s pevnou šířkou v pixelech. Zmenšete šířku nebo ji zadejte v procentech.
  • Potřebné tlačítko se schovalo do «hamburgeru». Například «Nainstalovat aplikaci». Umístěte ho do zápatí nebo jako sekci na stránku.
Pomohl vám článek?

Viz také

V sekci nápovědy najdete odpovědi na často kladené otázky a užitečné návody pro práci s tvůrcem webů Site Look. Zde se můžete dozvědět, jak spravovat sekce, přidávat objekty a nastavovat web. Materiály budou užitečné pro začátečníky i zkušené uživatele. Pokud jste odpověď nenašli, obraťte se na podporu.