Het maken van een verticaal menu
In deze tutorial laat ik zien hoe je een verticaal menu kunt maken
In mijn tutorial waar ik laat zien hoe DIVI is opgebouwd qua structuur en te ontdekken hoe je de DIVI builder gebruikt zie je ook een verticaal menu.
Dit wordt bijvoorbeeld veel gebruikt bij het bouwen van een online leeromgeving.
In de video gebruik ik een ‘stukje CSS’ om de menubalk breder te maken zodat mijn menu-item er beter in wordt weergegeven.
De CSS die ik daar gebruik is deze:
@media (min-width: 981px) {
.et_vertical_nav #page-container #main-header{
width:20%;
}.et_vertical_nav #et-main-area, .et_vertical_nav #top-header{
margin-left:20% !important;
}
}
.align-bottom .et_pb_column {
padding-bottom: 70px;}
.align-bottom .et_pb_button_module_wrapper {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;}
Deze code plak je via Weergave > Customizer > Extra CSS
Nu je weet hoe DIVI is opgebouwd en je weet hoe je een en ander kunt bewerken en aanpassen vind je het misschien interessant om te leren hoe je video kunt gebruiken op je DIVI website.
Of wil je eerst de voettekst van je website bijwerken?
Heb je nog geen account bij Elegant Themes?
Als je hier klikt kan je direct jouw account bij Elegant Themes aanschaffen. Dit is een affiliatelink, voor jou maakt dat geen verschil, maar als je mijn link gebruikt krijg ik een klein beetje commissie over jouw aankoop (en op die manier kan ik deze gratis tutorials voor je blijven maken).
Meer DIVI tutorials:
Contactformulieren beveiligen tegen SPAM
Contactformulier beveiligen tegen SPAMIn deze tutorial laat ik zien hoe je jouw contactformulieren kunt beveiligen tegen SPAM Op het moment is het overal weer goed raak met de hoeveelheid SPAM reacties die mensen ontvangen via contactformulieren. Je kan jouw...
De overige standaard instellingen van je DIVI thema
De overige standaard instellingen van je DIVI themaIn deze tutorial laat ik zien hoe je de overige standaard instellingen van je DIVI thema aanpast Als je dit hebt gedaan is het tijd om iets meer te leren over hoe DIVI is opgebouwd qua structuur en te ontdekken hoe je...
Het DIVI thema activeren
Hoe activeer je het DIVI themaIn deze tutorial laat ik zien hoe je het DIVI thema kunt activeren. Voordat je deze stap kunt zetten, moet je eerst het thema gedownloaden en installeren Mocht je dat nog niet hebben gedaan, laat ik in deze tutorial zien hoe dat werkt....