Hvordan kan jeg gjøre min WordPress logo mobil vennlig?

For en stund tilbake skrev vi en artikkel om mobil-vennlige WordPress temaer. Det er veldig viktig å ha mobilvennlige sider i dag, men av og til er det irriterende ting som kan skje, blant annet når en ellers mobilvennlig side lar logoen din være breiere enn selve siden når man ser den på mobiltelefon.

Problemet er at mobilsider ofte har en bredde på rundt 300px. Hvis du har en logo på 450px eller kanskje 600px vil dette i noen tilfeller føre til at du må scrolle mot høyre for å se hele logoen, og hvis man må scrolle mot høyre er selve poenget med en mobilvennlig side allerede ødelagt, ettersom poenget der er at man kun skal scrolle nedover, og ikke mot høyre og venstre. Hvis du sliter med dette problemet kan du løse det på en enkel måte og her kommer en liten kode som du ganske enkelt kan kopiere inn i style.css og når det er gjort må du lagre dokumentet og laste siden på nytt.

For å endre style.css må du gå til Utseende – Redigering. Vanligvis åpnes style.css automatisk og hvis du går til bånn av dokumentet kan du kopiere inn følgende kode.

[stextbox id=»grey» caption=»Kopier denne koden til style.css»]img { max-width: 100%; height: auto; }[/stextbox]

Det er greit å vite at denne koden påvirker alle bilder på din side og ikke bare logoen din. Den gir nemlig beskjed om at maks bredden på alle bilder er 100%, som betyr at andre bilder som i utgangspunktet krever at brukeren scroller mot høyre/venstre vil bli endret, slik at de tilpasses.

Håper det fungerer og lykke til!