Mijn website ziet er anders uit op mobiel
Dit artikel is machinaal vertaald. Als je fouten vindt, laat het ons dan weten.
Mijn website ziet er anders uit op mobiel
Wat kan dit veroorzaken
Reflow past Canva-websites aan verschillende schermformaten aan door elementen verticaal te stapelen, zodat brede elementen op volledig scherm mogelijk niet correct worden gewijzigd en waardoor browsers, browserversies en apparaatafmetingen de site anders kunnen weergeven.
Wat te doen?
- Controleer op overlappende: Selecteer elementen in je ontwerp en wijzig het formaat of snijd ze bij, zodat de randen elkaar niet raken.
- Splits brede elementen op: Vervang grote elementen die de volledige breedte beslaan door kleinere elementen die netjes onder elkaar worden geplaatst.
- Blijf binnen de veilige marges: Houd belangrijke elementen binnen de grenzen van de veilige marge.
- Bekijk een voorbeeld op mobiel: Gebruik tijdens het bewerken het mobiele voorbeeldpaneel. Beschouw dit als een benadering, omdat de gepubliceerde site per apparaat en browser kan verschillen.
- Groepeer en vergrendel: Groepeer gerelateerde elementen en vergrendel vervolgens de groep, zodat ze bij elkaar blijven.
Elementen groeperen
Als je wilt dat bepaalde elementen bij elkaar blijven, groepeer ze dan. Anders kunnen ze in de mobiele weergave worden gescheiden.
- Sleep uw cursor over de elementen die u wilt groeperen. U kunt ook Shift op uw toetsenbord ingedrukt houden en de elementen selecteren.
- Selecteer in de zwevende werkbalk Groeperen.
- Om te controleren hoe uw gegroepeerde elementen op mobiel worden weergegeven, klikt u op Voorbeeld.
- Klik in het voorbeeldpaneel op de knop Mobiel om de mobiele lay-out te zien.
Zie hoe de tekstvakken zich stapelen op mobiele weergave in het voorbeeld hieronder.
Was dit nuttig?
Behulpzaam
Niet nuttig