Tekst en sluiticoon toevoegen aan mobiel menu

Tekst en sluiticoon toevoegen aan mobiel menu – Standaard zie je op de mobiele versie van jouw website het hamburgermenu (de 3 streepjes onder elkaar). Je kunt voor of achter het hamburgermenu ook een tekst toevoegen, zoals MENU. Wanneer het menu open staat, kun je zelfs de 3 streepjes laten veranderen in een sluiticoon: X. Voeg hiervoor CSS toe aan de Thema opties van Divi en verander de kleur naar wens.

Standaard Divi mobiele hamburger menu:

Standaard Divi mobiele hamburger menu - tekst en sluiticoon

Werkwijze tekst achter het hamburgermenu

  • Plaats onderstaande CSS in Dahboard – Divi – Thema Opties – Algemeen – Aangepaste CSS

Resultaat

 Tekst en sluiticoon

Werkwijze tekst voor het hamburgermenu

  • Plaats onderstaande CSS in Dahboard – Divi – Thema Opties – Algemeen – Aangepaste CSS

Resultaat

Tekst en sluiticoon

Werkwijze hamburgermenu veranderen in sluiticoon

Je kunt dit met of zonder bovenstaande CSS toepassen.

  • Plaats onderstaande CSS in Dahboard – Divi – Thema Opties – Algemeen – Aangepaste CSS

Resultaat

Resultaat Tekst en sluiticoon aan divi mobiel menu

Andere tekst of icoon?

Hoewel het woord MENU en de X als sluiticoon logisch zijn om te gebruiken voor een menu, kun je hier ook iets anders invullen.

Vervang het woord MENU door een andere tekst. Zorg er wel voor dat je tekst tussen de aanhalingstekens staat.

Vervang de icoon door een andere code te gebruiken. Een overzicht met codes kun je vinden op de website van Elegant Themes, onder het kopje Complete Set an Unicodes Reference Guide. Gebruik alleen de combinatie achter de x.
Voorbeeld: De sluiticoon X heeft de code: M 
We gebruiken alleen de combinatie achter de x, dus: 4d;

Maak een website met Divi

Hosting

 

Koop Page Builder Everywhere 

Divi WordPress Theme