Mobiele weergave controleren in de Melange Builder

Meer dan de helft van je bezoekers bekijkt je website op een telefoon of tablet. Het is daarom belangrijk om te controleren hoe je pagina eruitziet op een kleiner scherm. De Melange Builder heeft hier handige functies voor.

Responsive preview bekijken:

Open de pagina in de Melange Builder
Klik onderin de builder op de scherm-iconen (desktop, tablet, mobiel)
De weergave schakelt om naar het gekozen formaat zodat je kunt zien hoe de pagina er op dat apparaat uitziet
Controleer of teksten goed leesbaar zijn en afbeeldingen niet te groot of te klein worden weergegeven

Een element verbergen op mobiel of desktop:

Soms wil je dat een element alleen op desktop zichtbaar is, of juist alleen op mobiel. Bijvoorbeeld een grote afbeelding die op een telefoon niet goed past.

Klik op het element dat je wilt verbergen
Klik op het potloodje en ga naar de geavanceerde instellingen
Zoek de optie “Responsive Visibility” of “Zichtbaarheid”
Vink aan op welke schermformaten het element verborgen moet zijn:
- Desktop – grote schermen (computers)
- Tablet – middelgrote schermen
- Mobiel – telefoons
Klik op “Opslaan” en daarna op “Bijwerken”

Tips:

Test je pagina altijd op je eigen telefoon na het maken van wijzigingen
Lange teksten zijn op mobiel lastiger te lezen. Houd alinea’s kort
Controleer of knoppen groot genoeg zijn om met een vinger op te tikken