Add "Menu" Text Next To Burger Icon On Sense theme

Store Design
,
1

Hello!

How can i add the word “MENU” next to the menu burger icon? I need it for desktop drawer menu.

Thank you!

2

@Katerina_Red Can you share your store url?

3

Hi @Katerina_Red

Please follow the instructions below.

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the base.css file
  3. At very end of the code, add the code below
header-drawer:after {
    content: "MENU";
}

header-drawer {
    display: flex;
    align-items: center;
}

Result:

made4Uo_0-1685978408214.png
made4Uo_0-1685978408214.png1901×267 16.9 KB

4

Hi,

Yes it’s naturalhellenia.com

5

@Katerina_Red can you provide password too? of the site

6

Hi,

Thank you for the reply!

OK i did that but now it covers the search icon:

naturalhellenia.com

password: stifau

Can this be fixed through css?

Also if i update the theme will these changes be lost?

Thank you

7

stifau

8

@Katerina_Red add below css to manage the search icon .you will not loose any changes when theme will be updated.

summary.header__icon.header__icon--search.header__icon--summary.link.focus-inset.modal__toggle {
    margin-left: 55px;
}