How do I add "menu" beside my hamburger icon?

Highlighted
New Member
1 0 0

Hi, I am using the 'debut' theme, my website is glazersoutjerseyshop.com

 

May I know how to add the word 'menu' beside the hamburger icon on the home page please?

 

Thanks in advance.

0 Likes
Highlighted
Excursionist
80 19 19

Hi There

The quick and easy way to do this is to add a :before rule in CSS.

Paste this code into the bottom of your theme.scss file:

button.site-header__menu:before {
    content: 'Menu';
    display: inline-block;
    padding: 10px 11px;
    vertical-align: middle;
    margin-top: 3px;
}

Should produce this kind of result:

2BDigital_0-1600957912522.png

 

0 Likes