2. Webbhotell & domän
8. Exportera & importera layouter
10. Fira!

Nu firar vi!Du är en stjärna!

 

6.2 Skapa en global header och meny i Divi Theme Builder

  • Din genomförda andel av hela kursen:

Ställ in vilka länkar som ska visas i menyn under Utseende » Meny

  • Skapa din meny med top bar och navigation i Divi Theme Builder.
  • Skapa en sticky meny som hänger med när du scrollar ner på sidan.
  • Skapa en top bar med knappar till sociala medier och en call to action-knapp
  • Skapa en snygg hamburgermeny / mobilmeny

Under videon hittar du alla länkar, filer och kodsnuttar som nämns i kapitlet. 👇

i

Resurser och relaterat innehåll

Förhindra radbryt i mobila enheter

display:flex;

CSS-kod för en bättre mobilmeny

/* X-ikon i öppen mobilmeny */
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}

/* Fullbredd mobilmeny */
.et_mobile_menu {
min-width: 100vw;
margin-left: -10vw;
}

Länkar

Detta är en kostnadsfri grundkurs om hur du skapar en hemsida med WordPress och Divi. Kursen innehåller annonslänkar till Elegant Themes (som står bakom Divi) och Inleed (som tillhandahåller webbhotell och domäner). Om du köper något via en annonslänk får vi på Diviguiden en liten provision, men det kostar aldrig mer för dig. Respektive företag äger rättigheterna till sina varumärken. Kursen är ett fristående och oberoende initiativ från Diviguiden. Tack vare ditt stöd kan vi fortsätta skapa mer kostnadsfritt innehåll.

Victor Duse

Kursledaren Victor Duse är född 1980 och har över 20 års erfarenheter av webbdesign, webbutveckling och utbildning inom sektorer från media och marknadsföring till energi, industri och offentlig verksamhet. Han är grundare av Diviguiden, DiviMundo och WordPress-byrån Duse Media med säte i Malmö. Bortom tangentbordet har Victor svart bälte i Brasiliansk Jiu-Jitsu och en stor aptit på choklad.

Lämna en kommentar

Ris, ros eller frågor? Lämna gärna en kommentar på kursavsnittet!

0 kommentarer

Skicka en kommentar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *

Denna webbplats använder Akismet för att minska skräppost. Lär dig hur din kommentardata bearbetas.