De sidor du skapar (eller som medföljer eventuell mall) kommer automatiskt skapa en version för både mobil vy/surfplatta. Detta kallas i nedan guide för delad vy. Det innebär att ändringar du gör i t.ex. desktop slår igenom även i mobila vyn.
​
För att få optimal design i samtliga kan anpassningar behöva göras eftersom skärmstorlekarna i en dator vs. mobil skiljer sig stort.

Det är även bra att känna till att idag är vår mobila vy sammanlänkad med surfplatta. Vilket innebär att justeringar du gör i mobila vyn slår igenom även på surfplatta då båda klassas som mobila enheter. Du kan dock göra skräddarsydda block i även surfplatta om så behövs enligt nedan guide.

Du kan enkelt växla mellan de olika vyerna från de tre ikonerna ner till vänster i byggaren.

De ändringar du gör i "delad vy" från desktop (vilket det är som standard så länge du inte gjort anpassade block i mobil vy) - kommer också påverka ALLA vyer (desktop, surfplatta och mobil) - med följande undantagsfall som är ditt sätt att anpassa endast mobila versionen:

1) Justera textutseende och knappar via "Globala stilar". Ändra formatering manuellt vid behov.
​

2) Justera marginaler för kolumn och widgets.

3) Använd inställningar till vänster för kolumninnehållet i mobil.

4) Lägg till widgets för enbart mobilvyn, tex avståndsbricka.

5) Skapa anpassade block för endast mobil.

Här visar vi hur du redigerar mobilvy/surfplattevy samt anpassar den för att få en god förståelse i hur du gör framåt. Under videon hittar du även steg för steg guider i textformat.

När du befinner dig i mobila vyn och din header är synlig - så kommer även följande inställningsvyer synas som valbara. Här kan du bland annat redigera:

Och ställa in ditt mobila sidhuvud.

När du trycker på denna knapp öppnas följande vy:

Detta gör att du kan styra vilken sida din meny ska ligga på eller om det ska vara en centrerad rad (likt det ofta är i appar) i botten av mobilen. Du kan ha:

I både standard och spegelvänd får du även välja menyutseende.

1️⃣ Visa profilknapp i menyn:
​

2️⃣ Använda mörk bakgrund istället för den vita som är standard i utökad meny.

3️⃣ Använd eget drag-och släpp innehåll i den utökade menyn (så kallad utökad popup). När du har utökad meny finns en ytterligare inställningsknapp synlig för att anpassa din header med egna widgets > Popupmeny.
​

Här kan du designa fritt med vår drag-och-släpp byggare så din mobila header blir precis som du önskar. I de
​

När detta val markeras får du val i inställningsvyn att ställa in dina snabbikoner och meny. Både vad som ska placeras till vänster och till höger om huvudmenyikonen.

Du väljer enkelt om genväg ska läggas till vänster eller höger om huvudmenyn.

Klicka i tomma rutan för att Välja sida. I rutan etikett kan du döpa vad det ska stå vid menyraden (om du vill det ska stå något). Vill du en ikon ska visas trycker du på den lilla cirkeln till vänster om att välja sida och väljer ikon i ikonbiblioteket.
​

​

Dessa når du i Byggaren i menyn till vänster genom att klicka på Penselikonen eller genom snabbknappen längst upp till höger som säger Globala textstilar eller Globala knappstilar.

Oftast vill du ha mindre storlek på dina typsnitt i mobil än dator eftersom det är en mindre enhet. Därför behöver de globala stilarna anpassas så designen anpassas för mobilens smalare skärm.

Klicka på respektive rubrik (eller paragraf) för att ändra dess inställningar. Eller använd snabbknappen (1️⃣) där du Matchar typsnittsfamilj för dator och mobil vilket gör att du direkt får samma typsnittsfamilj och grundinställningar på plats som du ställt in i desktop. Sedan anpassar du bara text/rubrik per nivå (2️⃣) för hur stort det ska vara på specifikt mobila enheter.

Läs gärna mer om Globala stilar nedan:

Ställ in stilmallar unikt för mobila vyer genom att växla till mobilt läge i funktionen globala knappar.

Läs mer om globala knappar här:

Vi rekommenderar likt tidigt i denna guide du först redigerar din desktopvy färdigt för att sedan gå över din mobila vy. Har du inte heller sett vår guidade video är även detta att rekommendera för att ge dig en god förståelse för hur du kan använda vår mobila vy.

Du kan i mobil vy fritt anpassa mycket detaljer utan påverkan på desktopversionen så som:

Exempel på saker du inte kan göra utan att det påverkar desktop är:

När du är i mobila versionen eller surfplatteversionen ser du olika inställningar till vänster vid varje block när du hovrar med muspekaren över dem. Mer om dessa i nästa punkt här nedan.

Här ser du också huruvida vilka vyer detta block finns i alls, samt om det är aktivt/inaktivt i den aktuella vyn. Såhär ser du skillnaden:

Du kan också se huruvida ett block är unikt skapat för endast mobil- och surfplattevy ( = ej synligt på desktop alls) genom att ENDAST MOBIL syns till höger om blocket.

Så innebär detta att detta block är en så kallad delad vy som automatiskt skapats när du skapade blocket i datorversionen. Det innebär att redigerar du i ett sådant block slår justeringarna igenom överallt.

Dessa dyker upp till vänster om du för datorpilen över ett block (en sektion).

När du designar i mobila vyn kan du alltid lägga till widgets i vyn utan att den syns i desktop. Detta kan vara användbart för när du t.ex. vill skapa luft med extra avståndsbricka i mobilen eller lägga in extra knapp när det i mobil version kan bli långt mellan knappar på sidorna.

Alla widgets du lägger till i mobila vyn får då en liten ikon vid sig som visar att den syns just endast i mobil/surfplatta.

Här kan du antingen lägga till ett eget nytt block (precis som med tillagda widgets i mobil vy endast syns i mobila vyn gäller för nya block som skapas i detta läge).

Vill du skapa ett nytt block i mobil vy gör du såhär:

Om du vill lägga till ett nytt block får du fram detta val om du för datorpilen mellan två block. Du kan antingen välja ett tomt block som du lägger egna widgets i för att skapa eget innehåller eller så väljer du ett block från mallarna som finns färdigskapade.

Om du istället vill utgå från ett block du skapat i datorversionen men anpassa den unikt för mobila versionen så kopierar du blocket enligt denna guide och sedan drar du in (klistrar in) blocket medan du befinner dig i mobilvyn, för innehåll du placerar direkt där syns endast i mobil. Du kommer då se att ikonen för datorvyn får ett kryss vid sig och det står även Endast mobil till höger som beskrevs längre upp i denna guide.

Det finns ingen inbyggd funktionalitet för detta då desktop alltid är den primära vyn som webbplatsen byggs från. Men om du önskar ha ett block som bara syns i desktop och inte mobil så skapar du blocket i desktop som vanligt.

Sedan går du till mobil vy och markerar på ikonerna till vänster om blocket i den mobila vyn att blocket inte ska synas på mobil och till exempel surfplatta enligt instruktion längre upp i denna guide.

Nej, detta går tyvärr inte. Om du har råkat skapa en design från mobil vy och nu vill synliggöra detta även i desktop är enda sättet att skapa detta från noll i desktopvy också. Därav vi starkt rekommenderar att alltid bygga från början i desktop och sedan göra enskilda anpassningar.
​

Detta beror på att du just nu redigerar i en så kallad delad vy där desktopvyn är den som styr designen. För att anpassa i den mobila vyn, se över denna guide från start där du kan behöva se över dina globala stilar eller skapa enskilda anpassningar för mobila vyn.
​

Detta beror på att du just nu redigerar i en så kallad delad vy vilket för att alla ändringar slår igenom på alla vyer. För att anpassa i den mobila vyn, se över denna guide från start där du kan behöva se över dina globala stilar eller skapa enskilda anpassningar för mobila vyn.

Tyvärr går det inte att redigera mobil version i kanaler i dagsläget. Endast i hemsidebyggaren.

Tyvärr går det inte att redigera mobil version i email utskick i dagsläget. Endast i hemsidebyggaren.

Tyvärr går det inte att redigera mobil version i dessa i dagsläget.

När du redigerar utgår alltid redigeraren från stående vy på mobil och surfplatta. Gällande hur designen blir när du t.ex. kollar på din surfplatta i liggande vy live så kommer det bero på surfplattans skärmstorlek. Om din surfplatta i liggande läge tolkas av systemet som en mindre laptop i storlek kommer sannolikt istället desktopvy visas. När skärmen blir mindre kommer den visa surfplattevy (stående version) istället.

​