Legg til brytningspunkt

Responsivt nett betyr å bygge et nettsted som tilpasser utseendet etter skjermoppløsningen til den besøkende. Det betyr for eksempel at det samme nettstedet kan se annerledes ut for den besøkende hvis de besøker det fra en datamaskin, et nettbrett eller en mobiltelefon.

Du finner mer informasjon om hvordan du bygger responsive maler i Tema Responsive maler.

Slik gjør du det

For å kunne legge til brytningspunkter på et nettsted må du aktivere funksjonen under panelet Responsivt nett. Når du har aktivert funksjonen, legger du til stoppunkter.

1. Gi brytningspunktet et navn og skriv en beskrivelse under Redaksjonell informasjon.

Navnet er arbeidsnavnet du ser i redigeringsmodus. Det er en obligatorisk oppgave for brytningspunktet. Beskrivelsen er derimot valgfri, men gir de som bruker knekkpunktene på sidene informasjon om hvordan og når de skal brukes.

2. Gi brytningspunktet et CSS-klassenavn som Sitevision bruker til å vise og skjule innhold på siden. To klassenavn genereres ut fra det du skriver inn - sv-visible-<klassenavn> og sv-hide-<klassenavn>.

3. Angi maksimums- og minimumsbredden som brytningspunktet skal gjelde mellom. Du angir bredden i piksler (px).

4. Kryss av for rutenettet du vil bruke med brytningspunktene. Du kan velge mellom rutenettene du har lagt til på nettstedet.

5. Merk av i avmerkingsboksen Stable spalter før for å stable kolonnene på sidene i brytningspunktet.

Dette er nyttig på mindre enheter, for eksempel en telefon. Innholdet i spaltene plasseres under hverandre etter prinsippet om at spalten lengst til høyre flyttes ned når det ikke er plass til den.

6. Angi en margin for mellomrommet mellom de stablede kolonnene ved å angi en verdi for Marg mellom stablede spalter .

Bruk egen CSS

Under Avansert finner du tilpassede innstillinger for CSS som gjelder for brytningspunktet.