Weergave fouten opsporen en oplossen

Gewijzigd op Ma, 16 Okt, 2023 om 5:51 PM

De standaard instellingen van je pagina zorgen er voor dat de weergave altijd goed is op desktop en mobiel. Wanneer je terwijl je 'Visual Builder' aan staat, (per ongeluk) aan het schuiven bent met de module's en rijen, krijg je fouten op de pagina waardoor er onderdelen buiten beeld vallen of er grote witruimtes ontstaan tussen de onderdelen. In dit artikel leg ik je uit hoe je de fouten op je pagina kunt opsporen en weer kunt herstellen, zodat de weergave altijd goed is, op welk apparaat dan ook!

Wanneer er fouten zijn ontstaan op je pagina heeft dit bijna altijd dezelfde oorzaak, namelijk; Er zijn waardes ingevuld bij 'Ontwerp' > 'Maten' en 'Tussenruimte'.
Vaak kom je er pas achter wanneer je de mobiele en/of tablet versie van je pagina aan het bekijken bent. Een voorbeelden van wat je kunt tegenkomen:
Ook kan het al opvallen aan de lay-out op desktop dat er iets niet helemaal goed is ingesteld (ruimte tussen de pijltjes)
De normale afstanden tussen de ' Rij' (groene lijn) en de 'Module' (grijze lijn) zien er namelijk zo uit:
Om dit op te lossen openen we eerst de 'Rij' instellingen door op het ' instellingen' icoon te klikken.
Klik vervolgens op 'Ontwerp' en open 'Maten'.
Je kunt nu zien welke waardes er veranderd zijn. De tekst is donkerder dan bijvoorbeeld 'auto' bij 'Hoogte'.
Beweeg je muis over de titel en herstel de waarde door op het 'ronde pijl icoontje' te klikken. Doe dit voor alle waardes onder 'Maten' die veranderd zijn afzonderlijk!
Open daarna het kopje 'Tussenruimte' en herstel de waardes bij 'Marge' door op het ronde icoontje te klikken. Doe dit ook naast 'Buffer'.
Klik op het groene vinkje om deze wijzigingen op te slaan. Je ziet nu dat de 'Rij' (groen) is hersteld, alleen de 'Module' (grijs) nog niet;
Open nu de 'Module instellingen'.
Ga hier ook weer naar 'Ontwerp' > 'Maten' en herstel de waardes die zijn veranderd.
Kijk vervolgens weer bij 'Tussenruimte' of daar waardes moeten worden hersteld!
Klik op het groene vinkje en bekijk de lay-out.
Staat het weer goed gecentreerd en zie je geen gekke ruimtes? Controleer dan ook nog even of de mobiele versie goed staat!
Zo kun je dus alle 'Rijen' en 'Modules' nalopen op de instellingen wanneer er iets buiten beeld valt of niet recht onder de module erboven uitkomt.
Je kunt vaak al zien waar de fout vandaan komt wanneer je met je muis erover heen beweegt. Zoals het voorbeeld hieronder; hieraan kun je zien dat de fout uit de 'afbeelding module' komt.
Wanneer je er niet zeker van bent loop je alle instellingen in de 'Rij' en 'Modules' even na.
Zijn de fouten ook na dit artikel niet hersteld? Dan kun je contact opnemen en dan kijken wij met je mee!