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

Solved

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

Katerina_Red
Excursionist
22 1 4

Hello!

 

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

 

Thank you!

Accepted Solution (1)
Ujjaval
Shopify Partner
1242 197 210

This is an 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;
}

 

View solution in original post

Replies 7 (7)

Ujjaval
Shopify Partner
1242 197 210

@Katerina_Red Can you share your store url?

 

Katerina_Red
Excursionist
22 1 4

Hi,

 

Yes it's naturalhellenia.com

Ujjaval
Shopify Partner
1242 197 210

@Katerina_Red can you provide password too? of the site

Katerina_Red
Excursionist
22 1 4

stifau

made4Uo
Shopify Partner
3840 716 1177

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

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
Katerina_Red
Excursionist
22 1 4

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
Shopify Partner
1242 197 210

This is an 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;
}