Zie je verschillen tussen je website op je mobiel en op je computer?
Heb je bijvoorbeeld een website gemaakt met een videoheader, en zie je de videoheader vervolgens niet terug op mobiel? Of ziet een unit er anders uit dan dat deze in de builder is gemaakt?
Dat kan kloppen! Bij verschillende units wordt er op desktop iets anders getoond dan op mobiel.
1. De reden
Een mobiel heeft uiteraard een veel kleiner scherm dan je computer. Hierdoor is het niet effectief om precies dezelfde website te tonen op zowel desktop als mobiel.
Verschillende onderdelen (zoals een achtergrondfoto of achtergrondvideo) worden op mobiel anders getoond of zelfs weggelaten, omdat het anders te druk wordt op een klein scherm. De bezoeker wordt te veel geprikkeld en door het weglaten van deze elementen wordt er meer rust gecreëerd! Dit komt ten goede van je conversie en de tijd die een bezoeker besteed op je pagina wat weer gunstig is voor je SEO-ranking.
2. Welke units worden anders getoond
A. Video Units
Een videoheader ofwel elke unit uit de categorie Video Background wordt ook niet getoond op mobiel. In plaats hiervoor wordt een zwartvlak of huisstijlkleur gebruikt.
Weergave op desktop:
Weergave op mobiel:
B. Headers/ Units met een achtergrond afbeelding
Vrijwel alle units met een Background Image (BG) veranderen op mobiel. Bij de units Content BG Image en Hero BG Image worden de afbeeldingen gecentreerd weergegeven. Dit betekent dat het middenstuk van de afbeelding wordt getoond. Hoe groter het scherm, hoe meer de afbeelding te zien is.
Bij de Optin with Background Image heeft de desktop een achtergrond foto, maar op mobiel heeft deze unit alleen een achtergrondkleur. Let dus op dat je voor mobiel een andere unit gebruikt. Zie ook de instructie hiervoor onderaan deze handleiding.
3. Verschillende units alleen zichtbaar maken voor mobiel of desktop
Heb je een unit gemaakt die je alleen zichtbaar wil maken voor op mobiel? Of een unit die je juist alleen wil tonen op desktop? Dat kan in Phoenix!
Je kan bij het aanmaken van een unit kunnen aangeven dat je deze alleen wilt weergeven op mobiel of desktop.
Dat doe je door in de Build Modus > Rij-Instellingen te gaan en op één van deze icoontjes in de unit te klikken:
Zo kan je kiezen of je een unit op mobiel, desktop of allebei wilt laten zien!