Kleur aanpassen Hamburger menu

Custom code, Divi thema, Header / menu, Navigatie, Webdesign tips

In Divi kun je in het thema niet de kleur van het hamburger menu aanpassen zonder dat je er een template van maakt. Dus dan ben je aangewezen op de standaard WordPress functionaliteit. In deze webdesign-tip leer ik je hoe je met eigen CSS je de kleur van dit icoon kunt 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 ook de size van je hamburger menu icon aan: lees deze WordPress tip

Andere tips die misschien ook interessant zijn

Voeg een WhatsApp widget toe aan je website

Wie gebruikt er geen WhatsApp? Maar toch communiceren de meeste organisaties via de website nog met formulieren. Waarom zorg je er niet voor dat je voor je website bezoekers bereikbaar bent via WhatsApp? Zo verlaag je de drempel om contact op te nemen!

Enthousiast geworden over Divi

Als je via onderstaande link het thema koopt, krijg ik een kleine vergoeding van Divi. Dit kost jou niets extra, maar je helpt mij om meer tips en inzichten over Divi te blijven delen. 

Divi WordPress Theme

Heb je geen tijd om er zelf mee aan de slag te gaan?

Mogelijk kan ik je helpen!
Stuur een berichtje naar opdekoffie@bijpieter.nl