6. Använd brytpunkter i mallarna

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

och när man kommer in med telefon (max 480px):

Dölj i brytpunkter

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

Markera rutan "Dölj i brytpunkter" , klicka på plusknappen och markera alternativet Telefon. Klicka OK.

OBS! Tänk på att man bara döljer innehåll. Allt innehåll finns på sidan och laddas trots att man har begränsat vad som ska synas. Dvs 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 man planerar hur mallarna ska fungera.

OBS! För att dölja innehåll i brytpunkter för moduler som ligger i kolumnvisa layouter måste kryssrutan Använd CSS-kolumner vara aktiverad centralt på webbplatsen.