---
title: "Sådan sætter du din header op | Vejledninger - GoodBarber"
description: "Hej og velkommen til dit GoodBarber-backoffice!\r \r \r \r I dag vil vi indstille headeren eller logoet og titlen på din applikation.\r \r Dette er den øverste del af applikationen, som altid er synlig o…"
canonical_url: "https://dk.goodbarber.com/tutorials/design/sadan-stter-du-din-header-op/"
lang: da
---

# Sådan sætter du din header op | Vejledninger - GoodBarber

[Tilbage](https://dk.goodbarber.com/tutorials/)

# Sådan sætter du din header op

Hej og velkommen til dit GoodBarber-backoffice!

I dag vil vi indstille headeren eller logoet og titlen på din applikation.

Dette er den øverste del af applikationen, som altid er synlig og tilgængelig i alle sektioner.

Overskriften har 4 formål:

- Vis din apps identitet

- Give en titel til en sektion

- Vise genveje

- Navigere i applikationen

Lad os straks gå til menuen Min app > Design > Generelt design.

Jeg klikker på Logo og titel.

Her kan jeg enten indtaste navnet på min app i tekstformat eller tilføje et logo.

Jeg vil gerne have noget meget "branded", så jeg tilføjer et logo i stedet.

Det er allerede klar, jeg skal bare uploade det.

Så er det klaret!

Nu vælger jeg, om logoet skal placeres til højre eller i midten.

Det er nemt, ikke sandt?

Vil du have mere? Jeg vidste det!

Du kan gå videre med at tilpasse headeren ved at aktivere menuen Avanceret her.

Der har jeg mange flere muligheder nu.

Jeg kan ændre baggrundsfarven, separationslinjen og tilføje baggrundsbilleder.

Jeg kan også tilføje links til min header.

Jeg arbejder på Freyja Spa-appen, det er en lokal virksomhed.

Så jeg vil tilføje et link til medlemskortet her. Jeg klikker på Add Action, vælger ikonet og indstiller farverne for min genvej. Det er perfekt.

I PWA-versionen kan du vælge at vise titlen på genvejen på tablet og desktop.

Jeg tilføjer også et link til loyalitetskortet, så mine brugere nemt kan få adgang til deres belønninger.

Sidste parameter er de andre elementer i headeren.

Her er det back-ikonerne, der vises i headeren, mens brugeren browser i appen.

Jeg placerede videoen i navigationstilstandene i infobjælken ;)

Jeg laver en forhåndsvisning.

Så er den færdig!

Jeg viser dig det endelige resultat.

Nu ved du, hvordan du tilpasser headeren i din app.

Vi ses snart til en ny tutorial!

```

```

## Relaterede videoer

[DesignSådan indstiller du den globale stil i din app](/tutorials/design/sadan-indstiller-du-den-globale-stil-i-din-app/)

![Sådan indstiller du den globale stil i din app](https://portal.ww-cdn.com/portal_static/images/videos2.7fa910b14581.jpg)

[DesignSådan tilpasser du din apps splashscreen](/tutorials/design/sadan-tilpasser-du-din-apps-splashscreen/)

![Sådan tilpasser du din apps splashscreen](https://portal.ww-cdn.com/portal_static/images/videos3.667f4857c54e.jpg)

[DesignSådan indstiller du navigationstilstanden i din app](/tutorials/design/sadan-indstiller-du-navigationstilstanden-i-din-app/)

![Sådan indstiller du navigationstilstanden i din app](https://portal.ww-cdn.com/portal_static/images/videos4.e9c3404b35cf.jpg)

[DesignSådan tilpasser du ikonerne i din menu](/tutorials/design/sadan-tilpasser-du-ikonerne-i-din-menu/)

![Sådan tilpasser du ikonerne i din menu](https://portal.ww-cdn.com/portal_static/images/videos5.a023e3a7a47c.jpg)

[DesignSådan designer du dine sektioner](/tutorials/design/sadan-designer-du-dine-sektioner/)

![Sådan designer du dine sektioner](https://portal.ww-cdn.com/portal_static/images/videos6.a0a8271792bd.jpg)

[DesignSådan kopierer du designet af en sektion](/tutorials/design/sadan-kopierer-du-designet-af-en-sektion/)

![Sådan kopierer du designet af en sektion](https://portal.ww-cdn.com/portal_static/images/videos7.8952466a8027.jpg)

[DesignSådan opsætter du din startside](/tutorials/design/sadan-opstter-du-din-startside/)

![Sådan opsætter du din startside](https://portal.ww-cdn.com/portal_static/images/videos9.49f835842cd5.jpg)

[DesignHvordan vælger du din headerstørrelse?](/tutorials/design/hvordan-vlger-du-din-headerstrrelse/)

![Hvordan vælger du din headerstørrelse?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)

[DesignSådan tilpasser du baggrunden i din app](/tutorials/design/sadan-tilpasser-du-baggrunden-i-din-app/)

![Sådan tilpasser du baggrunden i din app](https://portal.ww-cdn.com/portal_static/images/thumbnail_background.01a5a9e37ad2.jpg)