Hjälpwebb

6. Använd brytpunkter i mallarna

Nu ser mallarna ut så här (startsidan) för en dator:

Startsida för datorupplösning

Utseende med en telefon (max 480px):

Startsida för en telefon

Dölj i brytpunkter

Spalterna staplas i telefonläge men det du behöver justera är att byta ut menyn mot en rullgardinsmeny (eller om du har en mobilmeny). Det gör du genom att gå till mallen där menyn finns (i detta fall Utgångsmall). Markera den befintliga menyn och välj Egenskaper -> Responsiv webb -> Dölj i brytpunkter:

Dölj i telefon

Tänk på att du bara döljer innehåll. Allt innehåll finns på sidan och laddas trots att du har begränsat vad som ska synas. Det vill säga allt innehåll som finns för vanlig datorupplösning laddas även för den mobila upplösningen trots att det inte visas. Det är bra att ha i åtanke när du planerar hur mallarna ska fungera.

Visa i brytpunkter

Markera spalten Toppmeny och lägg till en rullgardinsmeny:

Rullgardinsmeny  tillagd

Ett nytt fönster öppnas där du gör dina inställningar:

Inställningar rullgardin

Markera rullgardinsmenyn och välj Egenskaper -> Responsiv webb -> Visa endast i brytpunkter
-> Telefon:

Visa endast telefon

Nu visas rullgardinsmenyn enbart i telefonläge:

Telefonvy

Denna sida publicerades: 2016-02-09

Skriv ut PDF-avsnitt

Hjälpte informationen på den här sidan dig?

Missa inga nya rön, tips och tricks! Prenumerera på insite!

Hitta till oss!

SiteVision AB (huvudkontor)
Drottninggatan 18A
702 10 Örebro

Info: 019-17 30 30
Support: 019-17 30 39

Senaste Tweets