Nettsiden din skal se bra ut og være optimalt brukbar på alle enheter – fra store skrivebordsskjermer til små smarttelefonskjermer. Editoren vår hjelper deg ved automatisk å tilpasse innholdet du lager for desktopvisning, til nettbrett og mobiltelefoner. For å sikre best mulig visning og brukervennlighet på alle enheter viser vi deg i denne artikkelen hvordan du kan tilpasse visningene individuelt. Slik sørger du for at budskapet ditt er tydelig og tiltalende overalt.

Vi forklarer fremgangsmåten for deg med et konkret eksempel. På desktop har du for eksempel valgt følgende oppsett for overskriften din:

På mobiltelefonen får vi dermed følgende visning:

Når du er ferdig med å redigere for desktop, anbefaler vi at du går gjennom visningene på de to andre enhetene. I eksempelet vårt er det to viktige punkter:

• Det nederste bildet er mindre/smalere enn det øverste bildet.
• To identiske bilder på en mobiltelefon gir kanskje ikke den ønskede effekten slik de gjør på en desktop.

Tilpasse kolonnebredder på nettbrett og mobiltelefon

For å vise alt innhold og alle bilder i full størrelse må kolonnebredden på mobile enheter noen ganger tilpasses manuelt. Hold musepekeren over kolonnen til det vises en bred, "blålilla" linje på høyre side. Klikk på den, hold museknappen nede og dra kolonnebredden ut til hele skjermbredden.

Legge inn ulikt innhold på de forskjellige enhetene

I eksempelet vårt ønsker vi nå likevel bare å fjerne det nederste bildet på mobiltelefonen, slik at brukerne får en bedre visning av nettsiden på mobilen. For å gjøre denne tilpasningen må du tilbake til desktopvisningen. Hold musepekeren over kolonnen der bildet ligger. Klikk på de tre prikkene og velg menypunktet "Vis på enhet". Der fjerner du avkrysningen ved "Vis på mobil":

Kolonnen blir nå skjult på mobiltelefonen, men forblir synlig på desktop og nettbrett. På denne måten kan du skjule både moduler, kolonner og rader på de ulike enhetene.

Slik kan du også lage helt eget innhold for bare én enhet og skjule det på alle andre enheter. Vi anbefaler likevel denne muligheten bare i spesielle tilfeller, siden du ellers må vedlikeholde tre nettsider hver for seg.

Stikkord: Webdesign, Mobiloptimalisering, Nettbrettvisning, Mobilvisning, Mobil nettside, Tilpasning i editoren, Juster kolonnebredde, Skjul innhold, Enhetsspesifikt innhold, Rediger nettside, Skjermtilpasning, Mobil visning, Brukeropplevelse, Designtilpasning, Responsiv nettside

Oppdatert på: 09/11/2026