Element Menu

Umieść menu nawigacji elementem Menu WEMASY, wybierz układ poziomy lub pionowy, ustaw otwieranie podmenu i moment pojawienia się hamburgera.

Wersja robocza

Element Menu pokazuje na stronie jedno z Twoich menu, jako pasek nawigacji w nagłówku, listę linków w stopce albo menu boczne. Samo menu budujesz w sekcji Menu. Element decyduje o tym, jak wygląda i jak się zachowuje: o jego układzie, sposobie otwierania podmenu i momencie, w którym na małych ekranach zamienia się w przycisk hamburgera.

Dodaj menu

  1. Najpierw utwórz menu. Zobacz Menu i nawigacja.
  2. Otwórz nagłówek albo sekcję, w której ma się znaleźć menu.
  3. Kliknij Elementy na lewym pasku bocznym.
  4. Przeciągnij Menu do sekcji.
  5. Otwórz ustawienia elementu i wybierz menu w polu Menu.

Dopóki nie wybierzesz menu, element pokazuje Nie wybrano menu.

Układ i wyrównanie

  • Układ: Poziomy dla paska, Pionowy dla listy.
  • Wyrównanie pozycji: Do lewej, Do środka, Do prawej albo Wyjustuj.
  • Odstęp między pozycjami: Mały, Średni albo Duży.
  • Wyróżnij bieżącą stronę: zaznacza pozycję strony, na której jest odwiedzający.

Podmenu

  • Otwieranie podmenu: Domyślnie (najechanie dla poziomego, kliknięcie dla pionowego), Po najechaniu, Po kliknięciu albo Zawsze otwarte (tylko pionowe).
  • Pokaż ikonę podmenu: pokazuje strzałkę obok pozycji z podmenu.
  • Oddziel link od przełącznika podmenu: tytuł otwiera swoją stronę, a strzałka otwiera podmenu. Użyj z Po kliknięciu.
  • Wyrównanie listy rozwijanej, Maksymalna szerokość listy rozwijanej, Opóźnienie zamknięcia po najechaniu i Animacja otwierania (Brak, Zanikanie albo Przesuwanie).
  • Maksymalna głębokość zagnieżdżenia: Bez limitu albo od 1 do 5 poziomów.

Menu mobilne

  • Próg responsywności: szerokość ekranu, przy której menu staje się przyciskiem hamburgera: 768px (tablet i mniejsze), 1024px (laptop i mniejsze), 1280px (poniżej dużego komputera) albo Wyłączony, aby zawsze pokazywać pełne menu.
  • Styl podmenu na telefonie: Akordeon, Lista rozwijana albo Nakładka.

Dostępność

Wypełnij Etykieta nawigacji (dostępność), na przykład Menu główne, aby czytniki ekranu potrafiły odróżnić Twoje menu.

Wskazówka: stylizuj pojedyncze pozycje, dodawaj ikony albo buduj duże menu rozwijane w samym menu. Zobacz Styl menu i mega menu.

Wykorzystaj to od razu
na własnej stronie.

Zacznij za darmo z WEMASY i zbuduj stronę w kilka minut.