Mijn website ziet er verkeerd uit op een telefoon: zo werkt mobiel in EverWeb

Hoe u dit oplost, hangt af van het type pagina dat u hebt gebouwd. EverWeb heeft er twee.

Responsieve pagina Pagina met lay-out Gecentreerd
Op een telefoon Dezelfde pagina past zich aan het scherm aan Blijft op de desktopbreedte, tenzij u een mobiele pagina toevoegt
Aparte mobiele pagina? Niet nodig Aanbevolen
Dingen verplaatsen Objecten lopen in rijen en containers. In EverWeb 4.5 of hoger kunt u een object ook overal plaatsen met Vrij verplaatsbaar en vastzetten Overal naartoe slepen

Om te zien welk type u hebt, selecteert u de pagina en gaat u naar Details > Pagina instellingen > Layout.

Bekijk het op een echte telefoon

Een voorbeeld op de computer komt niet altijd overeen met een telefoon. Klik op Voorbeeld in de knoppenbalk, kies Preview QR Code (QR-code voor voorbeeld) en scan de code met de camera van uw telefoon.

Responsieve pagina's

Ontwerp één pagina en pas die aan voor kleinere schermen.

  • Controleer elk formaat. Wijzig de breedte van het bewerkingsvenster om te zien hoe uw pagina zich aanpast.
  • Verberg iets op één formaat. Selecteer het, ga naar Details > Formaten en gebruik de selectievakjes, zoals Weergeven op mobiel, in het onderdeel Responsief.
  • Wilt u een object overal kunnen plaatsen? In EverWeb 4.5 of hoger selecteert u het object, gaat u naar Details > Formaten en vinkt u Vrij verplaatsbaar aan. U kunt het dan overal naartoe slepen, net als op een pagina met lay-out Gecentreerd. Klik op Pin Settings (instellingen voor vastzetten) om het vast te zetten aan de boven-, midden- of onderkant, en links, in het midden of rechts, van de pagina of de container, zodat het zijn positie houdt wanneer het schermformaat verandert. Anders hebben objecten de volle breedte en lopen ze mee met de pagina. Zie de instructies voor responsieve pagina's.

Pagina's met lay-out Gecentreerd: voeg een mobiele pagina toe

  1. Klik op Pagina toevoegen in de knoppenbalk, filter op sjablonen met Vaste breedte, kies uw thema en selecteer de pagina Mobiel ervan. Voeg uw inhoud toe.
  2. Selecteer uw desktop-pagina.
  3. Ga naar Details > Pagina instellingen > Mobiel Instellingen. Kies onder Mobiel pagina de optie Een van mijn pagina's en kies daarna uw nieuwe pagina.
  4. Publiceer. Telefoons worden automatisch naar de mobiele pagina gestuurd.

Herhaal dit voor elke pagina. Zet niet al uw tekst in één of twee grote tekstvakken, want die veroorzaken lay-outproblemen op een klein scherm. Video-instructie.

Wilt u dat wij de hele site mobielvriendelijk maken?

Ons team kan hem voor u opnieuw maken als responsieve site. Bekijk de conversieservice, of vraag support om een offerte.

  • Responsive, Mobile, Responsive Website
  • 11 gebruikers vonden dit artikel nuttig
Was dit antwoord nuttig?

Gerelateerde artikelen

Moet ik mijn EverWeb-website opnieuw ontwerpen voor mobiele apparaten?

Nee. Uw EverWeb-website werkt zoals hij is op telefoons en tablets. Hoe goed hij op een klein...

Mijn website ziet er op mijn computer goed uit, maar is op mijn telefoon afgesneden of door elkaar

Meestal zijn een of meer objecten op de pagina breder dan een telefoonscherm, waardoor de hele...

Build a responsive page with Containers so it stacks neatly on a phone

A Responsive page is one page that rearranges itself to fit every screen. You build it from...

Hide or show objects on phones, tablets or computers (Show on Device)

You can show an object on some screen sizes and hide it on others. Select it, go to Inspector...

Make a phone version of a Centered Layout page (Mobile Page), step by step

A Mobile Page is a second, narrow copy of a page, made just for phones. You build it at 480...