Nå skal du få et lite tips som gjelder
juster av fonter, blant annet. Det gjelder
egentlig flere ting, men det gjelder
spesielt fonter og overskrifter. På
forsiden vår så har vi en tittel på topp-
feltet her sånn, hvor det står WordPress
på norsk. Den er på 60 px. Hvis vi kjører
en mobilvisning på samme side, klikker på
responsive view her nede og på mobil, så
fungerer det jo sånn nogenlunde. Men det
kunne vært enda verre. Vi kunne hatt en font
på kanskje 90px. Og da ser du at ordene
begynner å dele seg. Så ss'ene i WordPress
havner nå på linje nr 2. Og noen ganger så
kan det være en greit med en font som er
kjempestor på desktop, men på mobil så
blir det ikke bra. Det som er fint i Thrive
Architect, det er jo at du kan justere det
her bare ved å dra i spakene her sånn,
uten å røre kode i det hele tatt for å få
ulike innstillinger på desktop, mobil og
nettbrett. Så her velger jeg å justere denne
ned til ca 40px, slik at vi får teksten på en
linje. Og når jeg lagrer her nede nå, så
lagres innstillingene for mobil skjerm. Så
de innstillingene her vil vises på liten
skjerm. Dvs fra 360px og nedover. Størrelsen
står på siden her sånn. En iPad er 768px
i høydeformat. Og det er det tablet størrelsen
er tilpasset til. Men det er spesielt på mobil
som det her er et problem, enten med at
overskriften forsvinner ut av skjermen, eller
at ordene deler seg. Så det er en enkel måte
å løse det her på. Så hvis jeg går tilbake
på desktopvisning nå, så er fontstørrelsen
fortsatt den samme på stor skjerm. Jeg
skal vise deg en annen ting også som kan
være kjekt å vite når det gjelder mobil
visning. La oss si at det banneret som ligger
her bare er til pynt. I grunn så er det jo det.
Det har ikke veldig stor nytteverdi, spesielt
ikke på mobil hvor den tar stor plass. En
ting du kan gjøre her er å markere hele
denne bakgrunnsseksjonen, og når den
er valgt så vil du se at det står "background
section" her oppe. Da er hele dette feltet
valgt. Hvis jeg nå scroller meg litt ned
her sånn, så vil du se at vi har noen
responsive innstillinger her sånn. Og jeg
kan faktisk velge å ikke vise denne bak-
grunnsseksjonen i det hele tatt på mobil.
Da skrur jeg rett og slett av den her: Mobile
hidden. Og hvis vi nå tar en titt, skal bare
lagre først. Hvis vi NÅ tar en titt på mobil
så ser du at hele den toppseksjonen er
borte, og du kommer rett på teksten om
gratiskurset. Og jeg kan hente den fram igjen ved å
velge "visible" igjen. Dette er spesielt praktisk for
optinbokser. Hvis du har laget en optinboks
for desktopvisning som er stor og dominerende,
så vil den ofte fylle hele skjermbildet for
mobil. Det du kan gjøre da, spesielt hvis
du bruker Thrive Leads, så kan du lage
to forskjellige optinbokser som er
beregnet for stor skjerm, og så kan du lage
en mindre variant som du stripper helt
ned til en minimum størrelse for å få med
bare det mest elementære. Og så kan du
velge å ha den store optin "visible" på
desktop og skjult på mobil, mens den lille
kan være skjult på desktop og synlig på
mobil. Så på denne måten kan du justere
utseendet på nettsiden din i langt større
grad enn du hadde mulighet til i den gamle
Thrive Content Builder versjonen. OK, jeg
håper du hadde nytte av noe av det her!
Vi høres igjen :-)