Tagged: enfold, mobile menu, text
I’m trying to add text to the mobile menu icon. I found a post:
Ref: https://kriesi.at/support/topic/replace-advanced-menu-toggle-icon-with-the-word-menu/
It seems the above forum post is out of date since the line you’ve referenced in the screen capture you provided is no longer there.
How might I add either small text (9px height) underneath the mobile menu icon to read “Menu | メニュー” ? Or, how about a title or label when they hover using that same text?
Thanks for your help.
Hi Julie!
Try adding this to your custom CSS.
#advanced_menu_toggle:after {
content: "Menu";
font-size: 14px !important;
left: 2px;
position: absolute;
top: 30px;
}
Best regards,
Elliott
Hi Eliott,
With a few adjustments, it magically appeared as desired. Here’s what I ended up with… Perfecto! Just like Enfold. Gracias!
#advanced_menu_toggle:after {
content: “Menu” !important;
font-size: 10px !important;
left: 10px;
position: absolute;
top: 17px;
}