Hoe voeg ik een responsieve header toe?

Een responsieve header past zich automatisch aan verschillende schermgrootten aan, zodat je website er geweldig uitziet op desktops, tablets en mobiele apparaten. In Website Builder kun je een responsieve header maken door een achtergrondafbeelding toe te voegen en aan te passen hoe deze in het headergebied past.

1. Open het websiteproject in de Website Builder-editor.
2. Klik op de header.
3. Klik op de knop Koptekst bewerken die verschijnt wanneer je op de component klikt.
4. In het verplaatsbare menu dat verschijnt, klik je op Achtergrond en voeg je een afbeelding toe aan je header.
5. Klik op Afbeelding toevoegen om er een te selecteren uit Mijn afbeeldingen, Gratis bij one.com of Shutterstock.
6. Selecteer onder Passend de optie Kader proportioneel vullen.
7. Pas andere instellingen aan, zoals positie en dekking.
8. Opslaan en publiceren om je wijzigingen zichtbaar te maken op je website.

Het is ook mogelijk om een header met een effen kleur of verloop te hebben, in plaats van een afbeelding. 

Tip: Heb je inspiratie nodig om de juiste afbeelding te vinden? Kijk dan Gratis bij one.com en doorzoek meer dan 20.000 stockfoto's.

Gerelateerde artikelen:

• Hoe voeg ik een afbeelding toe aan mijn Website Builder-site?
• stockfoto's van One.com in Website Builder