Headers

Unified Header V4

Med den här modulen kan du skapa och anpassa webbplatsens sidhuvud mer dynamiskt, med funktionerna från Header V1, V2 och V3 samlade i en och samma modul. Unified Header V4 är utvecklad för att ersätta de tidigare header-modulerna och använder mindre kod, vilket kan bidra till bättre PageSpeed och SEO för webbplatsen.

Användning

Blocks

  • Här lägger du till de delar som ska visas i sidhuvudet och bestämmer i vilken ordning de ska visas, exempelvis logotyp, navigeringsmeny, språkval och knappar.

Layout

  • Extendable menu layout – Välj hur mobilmenyn ska visas när besökaren öppnar den via menyknappen.
  • Third level navigation – Välj om menyn ska stödja en tredje nivå. Obs! Tredje nivån rekommenderas inte ur UX- och tillgänglighetssynpunkt.
  • WPML selector styling – Anpassa utseendet på språkväljaren om du använder WPML.
  • Header gradient – Välj om en gradient ska visas över en banner bakom sidhuvudet.
  • Header background – Välj bakgrundsfärg för sidhuvudet.
  • Mobile breakpoint – Välj vid vilken skärmstorlek som sidhuvudet ska övergå till mobilmeny.

Height

  • Under Height kan man ändra flera storlekar på headern och logo.

Extra row

Här ställer du in höjden på headern och logotypen i olika lägen och enheter. Storleken anges i pixlar (px).

  • Header at gradient – Headerns höjd när den är transparent över en banner.
  • Header at solid – Headerns höjd på vanliga sidor.
  • Header at shrink – Headerns höjd efter att användaren har scrollat ned.
  • Header at mobile – Headerns höjd på mobil.
  • Logo at gradient – Logotypens storlek när headern är transparent över bannern.
  • Logo at solid – Logotypens storlek på vanliga sidor.
  • Logo at shrink – Logotypens storlek efter att användaren har scrollat ned.
  • Logo at mobile – Logotypens storlek på mobil.

Extra row

Under Extra row kan du lägga till en extra rad högst upp i headern. Raden kan användas för navigeringslänkar eller kortare text och anpassas med färg och placering.

  • Enable extra row – Välj om raden ska innehålla navigeringslänkar eller text.
  • Text content – Skriv texten som ska visas om du valt en textrad. Håll texten kort så att den även får plats på mindre skärmar.
  • Menu – Välj vilken meny som ska visas om du valt navigeringslänkar.
  • Background color – Välj bakgrundsfärg på radne.
  • Text color – Välj färg på texten/ länkarna.
  • Align – Välj hur innehållet ska placeras i raden.
  • Show on mobile – Kryssa i om raden även ska visas på mobil.

Mega menu

  • Enable mega menu – Kryssa i för att aktivera mega menu.
  • Mega layout – Välj hur bred menyn ska vara.
Hjälpte manualen dig?

Behöver du mer hjälp?

Hittar du inte modulen på din sajt? För att optimera din pagespeed är den förmodligen inte aktiverad ännu! Eftersom för många aktiva moduler på sajten kan påverka pagespeed är de man inte använder ofta inaktiva. Om det finns någon modul som du vill använda är det bara att kontakta oss, så aktiverar vi den åt dig!

Om modulen inte är 100% det du är ute efter kan du även ta kontakt med oss så kan vi göra custom justeringar på modulen så den passar just dina behov.

Kolla gärna på våra andra moduler med! Kanske har vi redan en modul som passar dig, självklart helt kostnadsfritt om du använder WW Platform.

Utmärkelser & Media

Nyhetsbrev

Följ vad som händer på Wasabi Web

Få uppdateringar kring vad som händer på Wasabi Web och få de senaste nyheterna direkt i inkorgen. På så sätt riskerar du inte att missa något viktigt inom digital marknadsföring, design och säkerhet.

  • Prenumerera

Obligatorisk

Redo att öka er digitala försäljning?


Ange era kontaktuppgifter så kontaktar vi er så snart vi kan.

Obligatorisk