Navigationsmeny

Elementet Navigation Menu lägger till en navigationsmeny högst upp på din funnelsida. Det är användbart för länkar till olika avsnitt på sidan eller till andra sidor i funnels. När du lägger till elementet får du redigeringsalternativ i vänster panel.

Allmänna inställningar

Elementnamn

Under General Settings ser du standardnamnet för det redigeringsalternativ du arbetar med. Byt gärna till ett mer beskrivande namn så att du enkelt hittar elementet i listan senare.

Menyalternativ

Med Menu Items lägger du till viktiga navigationsalternativ som Home, About, Team och Contact. Lägg till fler med knappen ”+ Add Item”.

Radhöjd

Med Line Height ökar du avståndet mellan textrader via reglage eller genom att ange ett värde i fältet.

Text Transform

Med Text Transform ändrar du textformat till versaler, gemener eller versaler i varje ord.

Teckenavstånd

Letter Spacing låter dig justera avståndet mellan bokstäver.

Textjustering

Med Text Align placerar du text till vänster, i mitten, till höger eller som justified.

Teckentjocklek

Justera textens tjocklek för desktop och mobil med Font Weight.

Typografi

I Typography Type väljer du typsnitt för navigeringsfältet — headline, content eller custom font.

Ikon för mobilvy

Välj ikon från listan eller sök i sökfältet.

Lägg till dropdown-ikon från style editor — ikonen visar expanderbara alternativ med mjuk rotationsanimation.

Teckenstorlek

Justera teckenstorlek för mobil och desktop med reglagen. Förhandsgranska mobilvy via menyn i byggaren.

Avståndsinställningar

Spacing Option ger flera sätt att justera innehåll — inställningarna gäller endast det aktuella redigeringsalternativet.

Padding Left, Right, Top, and Bottom: Fyra reglage flyttar innehåll åt vänster, höger, upp eller ner.

Margin Top and Bottom: Justera top- eller bottom-marginal genom att dra i reglagen.

Menu Item Alignment: Styr layout och avstånd mellan menyalternativ.
Menu Item Spacing: Justera avstånd mellan menyalternativ med reglage eller genom att ange ett värde.
Business Name: Toggle on this feature to add a business name to the menu. However, toggling this won’t register your business with legal authorities.

Menyriktning

Menu Item Direction låter dig visa navigeringsfältet i standard- eller omvänd ordning.

Bakgrundsfärg

Klicka på önskad färg för att ändra bakgrundsfärgen på desktop.

Bakgrundsfärg mobil

Välj färg för mobilbakgrund — förbättrar läsbarhet och upplevelse på mobila enheter.

Du ser färgändringen också när du öppnar hamburgermenyn i desktop-vyn.

Färgalternativ

Color Options låter dig justera text- och ikonfärger.

Background Color: Bakgrundsfärg för navigeringsfältet på desktop.
Mobile Background Color: Bakgrundsfärg för mobilvy.
Popup Background Color: Bakgrundsfärg för popups som dropdown-menyer.
Mobile Popup Background Color: Bakgrundsfärg för popups i mobilvy.
Color: Textfärg i standardläge.
Hover Background Color: Hover-bakgrundsfärg (endast desktop).
Hover Text Color: Hover-textfärg.
Bold Text Color: Färg för fetstilt text.
Italic Text Color: Färg för kursiv text — markera text och klicka på “I”-ikonen.
Underline Text Color: Färg för understruken text — markera text och klicka på “U”-ikonen.
Icon Color: Färg för ikoner på sidan.

Konfiguration av varumärkeslogotyp

Slå på “Logo in Menu” för att placera logotypen i vänstra hörnet av menyn.
Brand Logo: Klicka på bildikonen, ladda upp logotyp, kopiera bild-URL och klistra in i Brand logo-fältet.
Optimize Image load: Komprimera logotypen för snabbare laddning.
Width and Height: Justera logotypens bredd och höjd.
Alt Text (for SEO): Lägg till SEO-nyckelord för sökmotorer.

Bildåtgärder

Under Actions finns flera alternativ:

Open popup: Visa popup vid klick.
Go to Website URL: Ange vilken sida besökare ska skickas till.
Hide & Show Elements: Visa eller dölj element vid interaktion.
Scroll to Element: Mjuk scroll till avsnitt vid klick.
Step: Gå till specifikt steg i funnels vid klick.
Next Step: Gå automatiskt till nästa steg i funnels.
Call: Initiera telefonsamtal till fördefinierat nummer.
SMS: Skicka sms till fördefinierat nummer.
Email address: Öppna e-postklient med förifylld mottagare, ämne eller brödtext.

Avancerade inställningar

Under Advanced Settings finns fler anpassningsalternativ.

Border Options låter dig välja kanttyp och justera tjocklek, färg, radie och stil.

Skugga

Lägg till skugga bakom elementet för djup och tydligare navigationsmeny.

Synlighet

Välj om alternativet ska synas på mobil, desktop eller båda.

Custom Class

Ange egen CSS-klass — tryck Enter eller mellanslag.

CSS Selector

When you’re completed with your navigation bar setup, you will have the option to copy the Custom CSS to use elsewhere. Simply click on the copy icon to the right of the reference code to copy the code.

Med Navigation Menu Element skapar du en snygg och användarvänlig navigation — full kontroll över utseende och funktion i linje med varumärket.