Add "MENU" before mobile menu icon

[eternalbeta]

I’d like to append “MENU” before the mobile menu ‘hamburger’ icon as I’ve discovered a lot of my audience doesn’t know what the icon means. I’ve seen how to do it in Dante and tried something similar here, but have been unable to so far.

Thanks.

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide us your link to provide you specific css for that?

Thanks

-Rui

[eternalbeta]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option

.mobile-header-opts:before {
    content: "Menu";
    margin-right: 5px;
    vertical-align: super;
}

hope it helps.

-Rui

[eternalbeta]

Thanks Rui, almost there, should have mentioned this beforehand, but I’d like the word Menu to be a part of the menu link. I tried to put this same code to a.mobile-menu-link.menu-bars-link but haven’t been able to get it working.

[Kyle – SUPPORT]

Unfortunately it’s not possible to make it part of the link, sorry

– Kyle

[eternalbeta]

Alright, thanks Kyle. I thought that since I was able to do it in Dante, it wouldn’t be an issue with Atelier either, but I know the icon is coded different for each.

[Kyle – SUPPORT]

Yes the structure is completely different for Atelier

– Kyle