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 zie je andere verschillen?

Dat klopt! Bij verschillende units wordt er op desktop (je computer) iets anders getoond dan op mobiel. 📱

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 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!

Voorbeelden: deze units veranderen

Vrijwel alle units met Background Images veranderen op mobiel. Hierbij een paar voorbeelden ter illustratie:

Content (BG Image)

De unit Content (BG Image) heeft op desktop een achtergrondfoto, op mobiel heeft deze unit alleen een achtergrondkleur. Als je deze unit gebruikt voor een header en de achtergrondfoto niet kunt missen, kun je de unit Hero with BG image gebruiken.

Content (BG Image) op desktop:

Content (BG Image) op mobiel:

Background video

Een videoheader wordt ook niet getoond op mobiel. In plaats hiervoor wordt een huisstijlkleur gebruikt.

Desktop:

Mobiel:

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 op één van deze paarse icoontjes in de unit te klikken:

​Zo kan je kiezen of je een unit op mobiel, desktop of allebei wilt laten zien!

Heb je hier nog vragen over? Schroom niet om support een berichtje te sturen. Je kan ons vinden via de chatballon rechtsonder 🎈

Heeft u het antwoord gevonden?