Replace hamburger icon with text

Support
1

Hi. I’d like to replace the default discourse hamburger icon with the text ‘menu’ and can’t quite seem to get any of the methods I’ve found to work. I don’t mind whether it’s done via CSS or by using the scripting API, any tips would be appreciated.

4 Likes
2

Try:

#toggle-hamburger-menu {
    &:before {
        content: "Menu";
    }
    svg {
        display: none;
    }
}
15 Likes
3

Amazing - that did the trick, thank you!

5 Likes
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.