Modify Hamburger Menu

You could add this in Customizer > Additional CSS:

.icon-menu::after {
  content: "Menu";
  display: block;
  position: relative;
  top: -60px;
  right: 40px;
  z-index: 100;
}

Since you have an unspeakable right-click lock, it is difficult to help you more precisely. You should still make the desired font adjustment in this code snippet.

Whether you can replace the hamburger with something else, you would have to ask the theme developer: https://www.ads-software.com/support/theme/anima/ – possibly this can also be solved via child theme.

Hi
I am suggesting here for updating your menu icon with Menu text
Add a class “menu-ch-text” on the icon.

Add css

i.icon-menu.menu-ch-text:before {
    content: 'MENU';
}

That will update MENU text to the hamburger.
Hope that helps!
Thanks.

@threadi
Thanks! It looks like it’s working fine – see the page https://meditationyoga.in/mahon/
I disabled the right-click lock now so if you have any additional tips I’ll appreciate it very much.
For example I’d like to make the font of the ‘Menu’ smaller and regular (not italic).

You have already made the font smaller I see. If you want it to be a bit smaller and no longer italic, use this code:

.icon-menu::after {
  content: "Menu";
  display: block;
  position: relative;
  top: -60px;
  right: 16px;
  z-index: 100;
  font-size: 0.6em;
  font-style: normal;
}

Here I have also made the position of the text flush with the hamburger on the right again.

@threadi
Super! Thanks a lot!