Is it possible to add the word 'menu' next to the burger icon for mobile only??

[Gen-Audio]

Hi,

I am using Dawn theme and wondered if this is possible as it doesn't look very clear where the menu is on the mobile version of my website

www.generationaudio.co.uk 

Thanks

Scott 

[Gen-Audio]

How may I ask?

[GemPages · Accepted solution]

Hi  @Gen-Audio 

I would like to give you a solution to support you.

You can try adding code by following these steps:

1. Go to Online Store -> Theme -> Edit code. https://prnt.sc/elKuwYWlBrEo

2. Open your base.css in the Assets folder.
3. Paste the below code at the end of the file. https://prnt.sc/KNpPfTMrRaR9

#Details-menu-drawer-container > summary.header__icon > span:after {
    content: 'Menu';
    padding-left: 75px;
    font-size: 16px;
}
#Details-menu-drawer-container > summary.header__icon{
  text-decoration: none;
}

4. Save the file and double-check.

Best regards,
GemPages Support Team

[Gen-Audio]

@GemPages 

Thank you so much!! Great support and really appreciate you time to help me out. 5*

[sawgrassrods]

This tweak did not work for us. Any additional input appreciated.

[marthedesigner]

Hey! Thanks a lot for this. It worked on Dawn, the only thing is that it overlaps the logo. If you have an idea of how to fix it, that would be highly appreciated.