Anpassa Headerinställningar

Din webbplatsheader kan anpassas för att passa både design och funktionalitet. Här är en komplett guide till de olika inställningarna och alternativen:

1. Lägg till fler rader i headern

• Max antal rader: Tre (huvudrad, underrad och överrad). Alla tre är valfria.
• Så här lägger du till en rad:
  1. Klicka på den stora cirkeln med ett plustecken (+).
  2. Den nya raden placeras i headern, och du kan börja anpassa den.

2. Anpassa raderna

• Visa menyval: Hovra över raden för att visa inställningsalternativen.
• Inställningar(klicka på kugghjulet):
  • Byt bakgrundsfärg.
  • Lägg till en bottenkant för visuell avgränsning.
• Ta bort en rad: Klicka på papperskorgen för att radera den.

Obs! Huvudraden är den centrala delen av din header och kan inte raderas, men du kan fortfarande anpassa den.

3. Huvudradens inställningar

• Hovra över huvudraden tills inställningsalternativen visas (stor cirkel med kugghjul).
• Klicka på kugghjuletför att:
  • Ändra headerns layout: Fullskärm eller vertikal placering.
  • Ändra bakgrundsfärg eller lägga till bottenkant.
  • Placera headern över innehållet: Gör bakgrunden genomskinlig så att bilder bakom syns.
  • Aktivera fixerad header: Låt headern följa med när besökaren scrollar.

4. Lägg till widgets i headern

• Hovra över en rad tills små cirklar med ett plustecken (+) visas.
• Klicka på en cirkel för att lägga till en widget i den valda positionen: vänster, mitten eller höger.

Tips för widgets:

• Om en widget täcker cirkeln kan du öka marginalen på raden tillfälligt för att göra cirkeln synlig.
• Vissa widgets har en cirkel med två pilar som kan användas för att justera marginalerna och flytta widgeten i sidled.

5. Flytta widgets

• Klicka och dra widgeten till en ny position.
• Om det inte fungerar: Ta bort widgeten och lägg till den igen på rätt plats.
• Logotyp: Endast en logotyp-widget är tillåten i headern. Flytta den genom att radera och lägga till den på nytt.

6. Tillgängliga widgets för headern

1. Knapp – Perfekt för call-to-action.
2. Varukorg – Direktlänk till varukorgen (e-handel).
3. Kod (HTML/CSS) – Anpassad kod för specialfunktioner.
4. Ikon – Grafiska symboler.
5. Logotyp – För webbplatsens varumärke.
6. Logga in/Profil – Länk till medlemsinloggning.
7. Meny – Navigationsmeny.
8. Sök/Search – Sökruta (genomsöker SEO-titlar och -beskrivningar).
9. Separator – Visuell avgränsning.
10. Text – Enkel text.
11. Social media – Länkar till sociala medier.