Sedan oktober 2026 är alla hPage-webbplatser automatiskt mobilanpassade: alla mallar har en mobillayout, och det finns inget att ställa in. Den tidigare inställningen Mobilversion finns inte längre.
Så fungerar mobillayouten
- På mobiler och surfplattor visas webbplatsen i en kolumn: sidhuvud, meny och innehåll under varandra. Menyn fälls ihop bakom menyhuvudet i din mall och öppnas med ett tryck.
- Innehållet, färgerna och typsnitten är desamma som på datorn. Du redigerar dina sidor en gång; det finns inget separat mobilinnehåll att underhålla.
- Bilder, videor och tabeller skalas ned till skärmens bredd. Breda tabeller med fast bredd kan rullas i sidled.
- Mobillayouten gäller för pekskärmar som är smalare än din mall och för alla skärmar som är smalare än 1024 pixlar. En bärbar dator med mus och ett smalare webbläsarfönster behåller datorlayouten.
Kontrollera webbplatsen på en mobil
- Klicka på Besök webbplatsen i sidofältet för att se webbplatsens adress, och öppna adressen i mobilens webbläsare.
- Utan mobil: öppna webbplatsen på datorn och gör webbläsarfönstret smalare än 1024 pixlar. Layouten växlar då till mobillayouten.
- Om mobilen fortfarande visar en gammal version laddar du om sidan. Mobila webbläsare sparar sidor i cachen en stund.
Tips för bilder
- Du behöver inte ändra storlek på bilderna för mobila enheter: de skalas ned automatiskt och behåller sina proportioner.
- Håll filstorlekarna små så att sidorna laddas snabbt över en mobilanslutning. Bildkomprimeringen när du laddar upp filer hjälper till med det.
- Undvik att lägga viktig text i bilder: på en liten skärm blir den svårläst. Skriv texten som text i stället.
- Bilder som flyter till vänster eller höger om texten visas smalare i mobilen så att texten fortfarande får plats bredvid.
Tips för texter och tabeller
- Skriv korta stycken och använd rubriker; långa textblock är svåra att läsa i en mobil.
- Undvik fasta bredder i din egen HTML (till exempel
width="800"); använd procent eller ingen bredd alls. - Använd helst tabeller med bredden 100 % eller utan angiven bredd. En tabell med fast bredd rullas i sidled i mobilen.
- Mycket långa ord och webbadresser bryts vid skärmkanten; ett mellanslag eller ett bindestreck ger webbläsaren ett bättre ställe att bryta på.