Mobilanpassa med Divi

Då får vi upp hur sidan kommer att se ut från en mobil enhet. Klicka på Modulinställningar på headern.

1. Klicka på ”Design”.
2. Välj ”Rubrik Text”.
3. Hovra över ”Rubrik Text Storlek” och klicka på mobilsymbolen som dyker upp.
4. Ändra textstorlek till 40px.

1. Scrolla ner och välj ”Body Text”.
2. Hovra över ”Body Text Storlek” och klicka på mobilsymbolen.
3. Ändra textstorlek till 20px.

1. Scrolla ner och välj ”Mellanslag”.
2. Klicka på mobilinställningar för Padding.
3. Sätt Ovantill och Nertill till 50px.
   Spara.

1. Välj ”Design”.
2. Välj ”Mellanslag”.
3. Välj mobilinställningar för Padding.
4. Sätt Ovantill och Nertill till 30px.
5. Spara.

Klicka på Kolumninställningar för den första kolumnen.

1. Välj ”Design”.
2. Välj ”Mellanslag”.
3. Välj mobilinställningar för ”Padding”.
4. Sätt Ovantill till 300px.
5. Spara.

Spara.

Gå in på Modulinställningar.

1. Välj ”Design”.
2. Välj ”Rubrik Text”.
3. Välj mobilinställningar för ”Rubrik Text Storlek”.
4. Sätt till 26px.
5. Spara.

1. Välj ”Design”.
2. Vält ”Text”.
3. Välj mobilinställningar för ”Text Text Storlek”.
4. Sätt till 24px.
5. Spara.

1. Välj ”Design”.
2. Välj ”Mellanslag”.
3. Välj mobilinställningar för ”Padding”.
4. Sätt Ovantill och Nertill till 30px.
5. Spara.

Gå in på Radinställningar.

1. Välj ”Design”.
2. Välj ”Storlek”.
3. Välj mobilinställningar för ”Maximal bredd”.
4. Sätt till 90%.
5. Spara.

Nu när vår formulärsektion är helt färdig ska vi spara ner det till bibliotek så att vi sedan enkelt kan lägga in det på våra andra undersidor. Klicka på ”Spara urval till bibliotek”.

1. Fyll i önskat namn
2. och klicka på ”Spara till bibliotek”.

Publicera mobilanpassningen.

1. Klicka på ”Divi”.
2. Scrolla ner och fyll i koden du hittar nedan.
3. Spara ändringarna.