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

[Katerina_Red]

Hello!

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

Thank you!

[Ujjaval]

@Katerina_Red Can you share your store url?

[Katerina_Red]

Hi,

Yes it's naturalhellenia.com

[Ujjaval]

@Katerina_Red can you provide password too? of the site

[Katerina_Red]

stifau

[made4Uo]

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:

[Katerina_Red]

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

[Ujjaval · Accepted solution]

@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;
}