Mobiele weergave weer laten volgen op desktop

Wijkt de mobiele weergave van je pagina af van desktop, terwijl je wilt dat beide weer gelijk lopen? In de huidige Visual Builder kun je inhoud en opmaak rechtstreeks per weergave aanpassen. Een wijziging op mobiel wordt dan een responsive override: vanaf dat moment volgt die instelling op mobiel geen wijzigingen op Desktop meer.

Een mobiele override is dus niet per se een fout: hij bestaat zodat je een ontwerp op een smal scherm leesbaar en rustig kunt houden zonder Desktop aan te passen. Een kop die op Desktop bijvoorbeeld 48 px is, kan op Phone te groot zijn en onhandig over vier regels afbreken. Geef je die kop op Phone 32 px, dan blijft Desktop 48 px terwijl alleen de mobiele weergave compacter wordt.

De responsive instellingen cascaderen van Desktop naar Tablet en daarna naar Phone. Om mobiel weer met Desktop mee te laten veranderen, hoef je niet de hele module opnieuw op te bouwen. Verwijder alleen de override van de instelling die afwijkt.

De mobiele override terugzetten

1. Open de Visual Builder
   Open de pagina en klik op Visual Builder inschakelen.

   

2. Ga naar Telefoon-weergave
   Klik bovenin op Telefoon om de mobiele versie te bekijken.

   

3. Open de module-instellingen
   Hover over de afwijkende module en klik op het tandwiel.

   

4. Zoek de overschreven instelling
   Zoek in Ontwerp bijvoorbeeld Lettergrootte. Stel bijvoorbeeld op Desktop een lettergrootte van 22 px in en geef Phone tijdelijk 18 px. Een blauwe responsive-editor-indicator laat zien dat de instelling een afwijkende waarde heeft.

   

5. Gebruik de filter voor gewijzigde instellingen
   Klik naast Instellingen zoeken op het trechterpictogram.

   

6. Kies Gewijzigd
   Kies in het filtermenu Gewijzigd. De opties-sidebar toont dan alleen instellingen die je hebt aangepast; zo vind je sneller blauwe responsive-editor-indicatoren.

   

7. Reset de Phone-override
   Klik op de blauwe responsive-editor-indicator, kies de rij Phone en klik op het kleine Reset-pijltje. De mobiele waarde wordt verwijderd en erft weer de waarde van Desktop. Herhaal dit voor elke instelling met een override, zoals tekst, kleur, marge of padding.

   

8. Sla de wijziging op
   Klik op Opslaan.

   

Let op: reset alleen de Phone-rij als mobiel weer Desktop moet volgen. Een aparte Tablet-waarde blijft zelfstandig totdat je ook die responsive override wist.