Als de lay-out en tekst van uw website vervormd of niet op hun plaats lijken op mobiele apparaten, komt dat waarschijnlijk door aangepaste formaatinstellingen.
De reden waarom dit gebeurt:
Aangepaste hoogte- en breedte-instellingen:
Het probleem ontstaat omdat u vaste waarden in pixels hebt ingesteld voor "Hoogte" en "Breedte" voor uw lay-out. Deze vaste formaten gelden voor alle apparaten, waardoor het ontwerp er vervormd uitziet op verschillende schermformaten.
Configuraties voor minimale/maximale lay-outgrootte:
Wanneer u "Min" of "Max" formaatwaarden instelt voor lay-outs die zijn ontworpen op brede schermen, worden deze instellingen overgedragen naar mobiele weergaven, waardoor het ontwerp er niet goed uitgelijnd uitziet.
Stappen om problemen met mobiele formaten op te lossen:
- Ga naar "Paginastructuur" in de rechterwerkbalk van uw websitebouwer;
- Doorloop de volledige lay-outstructuur en controleer alle elementen met de lay-outtypen "Horizontaal" en "Verticaal";
- Selecteer "Grootte" in de rechterwerkbalk en controleer alle elementen:
"Breedte" moet bij voorkeur "100%" of "Automatisch" zijn;
"Hoogte" moet "Auto" zijn;
- Alle "Min" en "Max" selectievakjes in het gedeelte Grootte moeten uit staan (Dit zorgt ervoor dat uw lay-out zich automatisch aanpast aan verschillende schermformaten).
- Controleer elementen op elke pagina;
- Klik op "Voorbeeld" om het resultaat te bekijken.
| Let op: Door deze stappen te volgen, krijgt uw website een responsief ontwerp dat naadloos werkt op pc's, tablets en mobiele apparaten. |