Elementet Menu

Se, hvordan du placerer en navigationsmenu med WEMASY-elementet Menu, vælger vandret eller lodret layout og angiver, hvordan undermenuer åbner, og hvornår.

Kladde

Elementet Menu viser en af dine menuer på siden, som en navigationsbjælke i din header, en liste med links i din footer eller en sidemenu. Selve menuen bygger du under Menuer. Elementet bestemmer, hvordan den ser ud og opfører sig: dens layout, hvordan undermenuer åbner, og hvornår den bliver til en hamburgerknap på små skærme.

Tilføj en menu

  1. Opret først menuen. Se Menuer og navigation.
  2. Åbn din header eller den sektion, hvor menuen skal være.
  3. Klik på Elementer i sidepanelet til venstre.
  4. Træk Menu ind i sektionen.
  5. Åbn elementets indstillinger, og vælg menuen under Menu.

Indtil du vælger en menu, står der i elementet Ingen menu valgt.

Layout og justering

  • Layout: Vandret til en bjælke, Lodret til en liste.
  • Justering af punkter: Venstre, Centreret, Højre eller Justeret.
  • Afstand mellem punkter: Lille, Mellem eller Stor.
  • Fremhæv aktuel side: markerer det punkt, der hører til den side, den besøgende er på.

Undermenuer

  • Åbn undermenu: Standard (hover ved vandret, klik ved lodret), Ved hover, Ved klik eller Altid åben (kun lodret).
  • Vis undermenuikon: viser en pil ved punkter med en undermenu.
  • Adskil link og undermenuknap: titlen åbner sin side, og pilen åbner undermenuen. Brug det sammen med Ved klik.
  • Justering af dropdown, Maks. bredde på dropdown, Forsinkelse ved lukning på hover og Åbningsanimation (Ingen, Fade eller Slide).
  • Maks. indlejringsdybde: Ubegrænset eller 1 til 5 niveauer.

Mobilmenu

  • Responsivt skiftepunkt: den skærmbredde, hvor menuen bliver til en hamburgerknap: 768px (tablet og mindre), 1024px (laptop og mindre), 1280px (under stor computerskærm) eller Fra for altid at vise hele menuen.
  • Stil for undermenu på mobil: Harmonika, Dropdown eller Overlay.

Tilgængelighed

Udfyld Navigationsetiket (tilgængelighed), fx Hovedmenu, så skærmlæsere kan kende dine menuer fra hinanden.

Tip: Du kan style enkelte punkter, tilføje ikoner eller bygge en stor dropdown i selve menuen. Se Menudesign og megamenuer.

Brug det med det samme
på din egen hjemmeside.

Start gratis med WEMASY, og byg din side på få minutter.