Studio Editor: De max-width van de website instellen

Leestijd 3 minuten
In de Studio Editor zijn bepaalde elementen ingesteld om proportioneel te schalen, wat betekent dat ze groeien in directe relatie tot de schermgrootte. Op grotere schermen kunnen ze zelfs te groot worden naar jouw wensen. 
Stel de maximale breedte (max-width) in voor onderdelen op de website van je klant om te voorkomen dat elementen verder groeien dan je wilt. 
GIF met de functie voor maximale breedte in actie op een Studio Editor-website. De breedte wordt uitgerekt om te laten zien dat de elementen niet groeien
In dit artikel lees je meer over:

De max-width instellen voor de website van je klant

Ga naar het Websitestijlen-paneel om de maximale breedte in te stellen. Op schermen die breder zijn dan de waarde die je instelt, blijft de grootte van de elementen vast en krijgt de website zijmarges. 
De maximale breedte die je instelt, is van toepassing op de hele website, maar je kunt indien nodig specifieke onderdelen uitsluiten.
Let op:
De maximale breedte moet groter zijn dan 1001px.

Om de maximale breedte in te stellen:

  1. Klik links in de Editor op Websitestijlenundefined.
  2. Klik op Max-width .
  3. Voer de gewenste breedte in pixels in.
Max-width -tabblad in het Websitestijlen-paneel in de Studio Editor, waar een nieuwe breedte in pixels wordt ingevoerd

Specifieke pagina's of onderdelen uitsluiten van de max-width

Je kunt de instelling voor de max-width altijd uitschakelen voor specifieke onderdelen of pagina's. Dit betekent dat elementen die proportioneel schalen zullen blijven groeien in directe relatie tot het scherm van de bezoeker. 

Om een pagina of onderdeel uit te sluiten:

  1. Selecteer het betreffende onderdeel.
  2. Klik rechtsboven in de Editor op het Inspector openen-pictogram.
  3. Schakel onder Responsief gedrag de Apply max width toepassen-schakelaar uit.
Een screenshot van een onderdeelraster en het Inspector-paneel, met uitgeschakelde maximale breedte-schakelaar om het onderdeel uit te sluiten
Wil je de hele pagina uitsluiten?
Selecteer de pagina in de breadcrumbs van de Inspector en klik vervolgens onder Indeling op Bestaande onderdelen uitsluiten. Hiermee wordt de maximale breedte uitgeschakeld voor alle onderdelen die je momenteel op de pagina hebt. 

Een screenshot van het Inspector-paneel in de Studio Editor, die laat zien waar je klikt om een hele pagina uit te sluiten van de maximale breedte

Veelgestelde vragen

Klik op een vraag hieronder voor meer informatie.

Vond je dit artikel nuttig?

|