Webbplatsmeny

Navigeringsmenyn på en webbplats hjälper användare att enkelt komma åt olika avsnitt och sidor på en webbplats, vilket förbättrar den övergripande användarupplevelsen och förbättrar webbplatsens användbarhet.

I den här artikeln


Du kan hantera menystilen (för både dator och mobil) från Design (1) avsnitt.

När du är inne i designsektionen klickar du på Meny (2) flik.

Alternativt kan du också använda studions sökalternativ.

  • ange Meny (1) i sökfältet.
  • Från de relaterade resultaten, klicka på Design- Webbplatsmeny alternativ (2).


  1. Menyavstånd – Ange utrymmet mellan menylänkarna (anges i vw).
  2. Blockavstånd – Ange utrymmet mellan menylänkarna, ikonerna för sociala medier och sök-/varukorgsikonerna (anges i vw).
  3. Länk aktiv / Hover – Välj stil för den aktiva menylänken och svävarlänken. Du kan välja mellan understrykning, överlinje, genomstruken och ingen stil.


  1. Stil – Ange om du vill visa Icon, Label, Both eller None på mobila enheter.
  2. Ikon – Välj menyikonstilen.
  3. Ikonstorlek – Ange storleken på menyikonen (anges i pixlar).


  1. Layout: Välj en layout för hur menyskärmen kommer att se ut på mobila enheter. En förhandsvisning av den valda layouten kommer att visas här.
  2. Menytextstorlek: Ange storleken på menytexten på mobilen.


  1. Storlek – Ange storleken på ikonerna (ikoner för sociala medier, sökikon och kundvagnsikon) i rubriken (anges i pixlar).
  2. Förband – Ange utrymmet mellan ikonerna (sociala medier-ikoner, sökikon och kundvagnsikon) i rubriken (anges i vw).
  3. Färg – Välj färg för ikonerna för sociala medier. Du kan välja mellan menyfärg och märkesfärg.
    Menyfärgen kommer att använda färguppsättningen för menylänkarna i huvudmenyn kategorin, och varumärkesfärgen kommer att använda den ursprungliga varumärkesfärgen för sociala medieikoner.
  4. Hantera sociala ikoner – Klicka på det här alternativet för att lägga till, ta bort eller ändra ordningen på ikonerna för sociala medier som visas i rubriken. Detta låter dig anpassa vilka plattformar som visas och hur de visas på din webbplats.

Eventuella ändringar i dessa alternativ kommer att återspeglas på din webbplatss sociala ikoner:

Se hur ikonstorleken fungerar: 


Hittar du inte det du letar efter?

Ta kontakt med en Pixpa-expert.