opgelost Hamburger icon aanvullen met tekst "menu" voor smartphone

Hallo ,
De drie horizontale strepen (hamburger icoon) is voor veel mensen die alleen een smartphone hebben zeker de eerste keer van een bezoek aan de website niet begrijpelijk . Sommige vragen waar is jullie menu ? Dus daarom dacht ik zou het niet mogelijk zijn om er het woordje "menu" achter te zetten? Zou iemand mij kunnen helpen aan een oplossing voor dit.? Ik gebruik FINCHE een yootheme template.
Bedankt voor jullie hulp,

groet,
Jos

Je kunt eventueel dit toevoegen aan je custom.css:

Dank je Astrid,
Helaas krijg ik geen resultaat. Ik heb er later nog een kleur ROOD toegevoegd maar ook dan geen resultaat.
bogersbest.nl/_testdec
Groetjes,

Jos

Resultaat is er wel, maar je hebt zelf ook in theme.css een font-family toegevoegd waardoor fontawesome (het hamburgertje) niet meer geladen wordt.

Ik ben ff niet thuis maar zie dat je succes hebt gehad. Ik heb echter in theme.css geen wijziging aangebracht dus .... ? Ik moet daar na kijken. Wel heb ik volgens de aanwijzing van yootheme een kopie gemaakt van het menu op de positie offcanvas, zou het daar mee te maken kunnen hebben. ? Hoe kan ik op de smartphone zien als ik de css even aanpas? Ik weet niet hoe dat werkt.
Groetjes,
Jos

Je kunt gewoon je scherm verkleinen. Zie idd dat (waarom begrijp ik niet) die definitie standaard in de template zit. Maar denk dat dat wel op te lossen is door bij de definitie die ik je eerder gaf dit toe te voegen:

Hoi Astrid,
Ja dat is de oplossing . Heel erg bedankt !
groetjes,

Jos

Je had je topic afgesloten met de knop "Dit is de oplossing". Maar omdat de door jou geselecteerde post geen oplossing bevat, heb ik dit gecorrigeerd, zodat wel duidelijk is wat de oplossing is. Deze knop is namelijk alleen bedoeld om te gebruiken op een bericht waarin de oplossing staat beschreven.