Kleur aanpassen Hamburger menu

1 dec 2022 | Divi, Header / menu, Navigatie

Bij het thema Divi vind ik het hamburger net wat te klein als het gaat om gebruiksvriendelijkheid. Je kunt in het thema niet de size ervan aanpassen zonder CSS. In onderstaande code kun je het zelf aanpassen:

Stel ik wil de kleur zwart maken dan is dit de juiste css code:

  1. Ga naar de WordPress systeemaanpasser
  2. Open eigen CSS
  3. Voeg deze code toe:
.mobile_menu_bar:before {
  color:black;}
	

4. En klik Publiceer!

Maar je kunt natuurlijk ook een andere kleur instellen; Je kunt eenvoudig een kleur kiezen via deze site https://color.adobe.com/nl/create/color-wheel het geeft je tegelijkertijd ook mooie matching colors voor jouw ontwerp.

Stel ik wil de kleur geel instellen dan is de hexadecimale kleur #F5D94E de code ziet er dan alsvolgt uit:

.mobile_menu_bar:before {
color:F5D94E;}

Tip: pas de size van je hamburger menu icon aan: lees deze WordPress tip

Heb je de tijd of energie niet om het zelf te doen?

Kom dan eens een bakkie doen!
Of vraag het mij om het voor jou te doen.  

Kies voor een strippenkaart