Vergroten / verhogen van de hoogte v.d. ‘Secondary Header’ in Divi

Vergroten / verhogen van de hoogte v.d. ‘Secondary Header’ in Divi

Je kan de hoogte van de ‘secondary menu bar’ binnen het Divi Thema aanpassen met de volgende CSS;


/*----------Increase the Height of the Secondary Header (Divi - Dubbel & Dwars Online Oplossingen)----------*/

@media only screen and (min-width: 981px) {
   #top-header { 
      padding-top: 30px; 
      padding-bottom: 30px; 
   }
}

In dit voorbeeld wordt er 30px extra padding toegevoegd aan de boven- en onderkant. Let hierbij wel op dat de code enkel van toepassing is voor de desktop view. Dit om ervoor te zorgen dat de ‘secondary header’ niet ook ineens op de mobiel verschijnt als daar geen content voor is. Dat kan anders soms gebeuren.

Kevin de Widt
info@dubbelendwarsonline.nl

Trotse Eigenaar | (Management) Spreker | Passie voor Techniek & Klanten! Ondernemend baasje, altijd online op zoek naar nieuwe mogelijkheden en kansen, barst van energie, stiekem één van de Tweakers Geeks, zit thuis moeilijk stil, is voorzitter van de badmintonvereniging, lid van een carnavalsvereniging én voetbalt graag in zijn vrije tijd.