> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nettify.no/llms.txt
> Use this file to discover all available pages before exploring further.

# Meny og navigasjon

> Legg til meny, style den slik du vil, og fiks mobilmenyen hvis den ser rar ut

## Menyen er det første kundene bruker

Menyen — også kalt navigasjonen eller navbaren — er linja øverst på nettsiden med lenker til de ulike sidene. Det er den kundene bruker for å finne fram, og en av de tydeligste tingene som skiller en gjennomtenkt nettside fra en generisk en.

> [!NOTE]
>
> **Har nettsiden din ingen meny?** Det er helt vanlig på et førsteutkast, særlig hvis nettsiden bare har én side. Du trenger ikke lage nytt utkast — be Nettify AI legge til en meny, så kommer den på plass.

***

## Legg til en meny

> [!TIP]
>
> **Kopier denne prompten og lim inn i Nettify AI:**

```
Legg til en meny øverst på nettsiden med lenker til alle sidene.

Menyen skal ha:
- Logoen vår til venstre
- Lenker til sidene i midten eller til høyre
- En tydelig «Kontakt oss»-knapp helt til høyre i accentfargen
- Hamburgermeny på mobil

Design: ren og luftig, med god spacing mellom lenkene. Menyen skal følge med når man scroller, og få en subtil skygge når man har scrollet et stykke ned.
```

> [!NOTE]
>
> Har nettsiden bare én side i dag? Da kan menyen i stedet lenke til seksjonene på siden — «Tjenester», «Om oss», «Kontakt» — og scrolle jevnt ned til riktig sted. Be Nettify AI om en **ankermeny** hvis det passer bedre.

***

## Style menyen

Menyen arver som regel fargene fra resten av nettsiden, men du kan endre alt ved å be om det.

> [!TIP]
>
> **Kopier denne prompten og lim inn i Nettify AI:**

```
Endre designet på menyen:
- Bakgrunn: [f.eks. hvit, mørk, eller gjennomsiktig over hero-bildet]
- Tekstfarge på lenkene: [farge]
- Hover-effekt: en tynn strek som glir inn under lenken
- Aktiv side skal være uthevet
- Litt mer luft mellom lenkene

Behold resten av menyen som den er.
```

> [accordion] Gjennomsiktig meny over hero-bildet
>
> Menyen ligger oppå bildet øverst og har hvit tekst, helt til du scroller — da blir den hvit med mørk tekst. Gir et moderne og påkostet inntrykk.
>
> Be om: «Gjør menyen gjennomsiktig over hero-seksjonen med hvit tekst, og la den bli hvit med mørk tekst når man scroller.»

> [accordion] Meny som følger med når du scroller
>
> Menyen blir liggende øverst hele veien ned siden. Praktisk på lange sider, fordi «Kontakt»-knappen alltid er innen rekkevidde.
>
> Be om: «Gjør menyen sticky slik at den alltid ligger øverst når man scroller.»

> [accordion] Logo i midten
>
> Lenker på hver side av logoen. Et klassisk grep som kler salonger, restauranter og merkevarer med et tydelig visuelt uttrykk.
>
> Be om: «Plasser logoen midt i menyen med lenkene fordelt på hver side.»

> [accordion] Flytende meny med avrundede hjørner
>
> Menyen ligger som et eget «kort» litt inn fra kantene, i stedet for å gå helt ut i bredden. Gir en lettere og mer designet følelse.
>
> Be om: «Gjør menyen flytende med avrundede hjørner, litt avstand fra toppen og kantene, og en myk skygge.»

> [accordion] Dropdown for undersider
>
> Har du mange sider, kan de samles under én meny-lenke som folder seg ut når man holder musa over.
>
> Be om: «Samle tjenestesidene under en dropdown i menyen som heter *Tjenester*.»

***

## Endre hva som ligger i menyen

Nye sider legges automatisk i menyen, men du bestemmer selv hva som skal være der og i hvilken rekkefølge.

> [!TIP]
>
> **Kopier denne prompten og lim inn i Nettify AI:**

```
Oppdater menyen:
- Rekkefølge: Hjem, Tjenester, Om oss, Galleri, Kontakt
- Fjern lenken til [side du ikke vil ha i menyen]
- Endre «[gammelt navn]» til «[nytt navn]»
- «Kontakt» skal være en knapp, ikke en vanlig lenke
```

> [!NOTE]
>
> Å fjerne en side fra menyen sletter ikke selve siden — den ligger der fortsatt, den er bare ikke synlig i navigasjonen.

***

## Mobilmenyen

På mobil vises menyen som regel som en **hamburgermeny** — de tre strekene øverst i hjørnet, som åpner menyen når man trykker på dem.

> [!TIP]
>
> **Kopier denne prompten og lim inn i Nettify AI:**

```
Gjør mobilmenyen finere:
- Hamburger-ikonet øverst til høyre
- Menyen skal gli inn fra høyre og dekke hele skjermen
- Store lenker som er lette å treffe med tommelen
- Tydelig lukkekryss øverst
- «Kontakt oss»-knappen nederst i menyen
```

***

## Menyen på mobil ser rar ut — slik fikser du det

Noen ganger blir mobilmenyen ikke helt som den skal: den åpner seg halvveis, lenkene ligger utenfor skjermen, eller teksten blir kuttet på midten.

Dette er raskt å fikse. Nettify AI kan **se bilder**, så den mest effektive framgangsmåten er å vise fram problemet i stedet for å forklare det i detalj.

**1. Ta et skjermbilde av problemet**

Åpne nettsiden på mobilen, trykk opp menyen, og ta et skjermbilde mens feilen vises. Er det flere ting som er galt, ta gjerne ett bilde av hver.

**2. Last opp skjermbildet i Nettify AI**

Legg ved bildet i chatten på samme måte som når du laster opp et vanlig bilde.

**3. Beskriv hva som er galt med én setning**

Du trenger ikke forklare hvorfor. Bare si hva du ser: «Når jeg åpner menyen på mobil, blir den klippet» eller «Lenkene i mobilmenyen forsvinner utenfor skjermkanten».

**4. La Nettify AI rette opp**

Nettify AI ser på skjermbildet, finner ut hva som er galt, og retter det. Sjekk resultatet på mobilen etterpå.

> [!TIP]
>
> **Eksempel på en god beskjed:**
>
> «Når jeg åpner menyen på mobil, blir den klippet på høyre side — se skjermbildet. Fiks det slik at hele menyen vises og lenkene er lette å trykke på.»

> [!NOTE]
>
> **Husk å si at det gjelder mobil.** Nettsiden kan se helt riktig ut på PC selv om mobilvisningen har et problem. Nevner du mobil, vet Nettify AI hvor den skal lete.

### Vanlige mobilmeny-problemer

> [accordion] Menyen blir klippet eller går utenfor skjermen
>
> Be om: «Mobilmenyen blir klippet på høyre side når jeg åpner den. Sørg for at den holder seg innenfor skjermbredden på alle telefoner.»

> [accordion] Menyen åpner seg ikke når jeg trykker
>
> Be om: «Hamburgermenyen på mobil reagerer ikke når jeg trykker på den. Fiks slik at menyen åpner og lukker seg som den skal.»

> [accordion] Jeg får ikke lukket menyen igjen
>
> Be om: «Legg til et tydelig lukkekryss øverst i mobilmenyen, og la menyen lukke seg automatisk når man trykker på en lenke.»

> [accordion] Innholdet bak menyen scroller når menyen er åpen
>
> Be om: «Når mobilmenyen er åpen, skal siden bak låses slik at den ikke scroller.»

> [accordion] Lenkene ligger for tett til å treffe
>
> Be om: «Gjør lenkene i mobilmenyen større og legg mer luft mellom dem, så de er lette å treffe med tommelen.»

> [accordion] Menyen legger seg oppå innholdet
>
> Be om: «Mobilmenyen legger seg oppå teksten på siden. Sørg for at den ligger øverst med en egen bakgrunn, slik at innholdet bak ikke synes gjennom.»

***

## Test alltid på mobil

> [!WARNING]
>
> **Over halvparten av besøkende er på mobil.** Når du har endret menyen, åpne nettsiden på din egen telefon og trykk deg gjennom den. Det tar et halvt minutt, og det er den eneste måten å være sikker på at menyen fungerer slik kundene faktisk møter den.

> [!NOTE]
>
> Vil du finjustere farger, spacing eller størrelser på menyen helt selv? Det gjør du i manuell redigering — på PC i fanen **Manuell redigering**, på mobil under **Visning** → **Rediger**. Se [Manuell editor](https://docs.nettify.no/redigering/manuell-editor.md).

> [card] [Lag en ny side](https://docs.nettify.no/ai/lag-ny-side.md)
>
> Nye sider legges automatisk i menyen. Se hvordan du utvider nettsiden.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.