Solved

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

Katerina_Red
Excursionist
18 0 2

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 206

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 206

@Katerina_Red Can you share your store url?

 

Katerina_Red
Excursionist
18 0 2

Hi,

 

Yes it's naturalhellenia.com

Ujjaval
Shopify Partner
1242 197 206

@Katerina_Red can you provide password too? of the site

Katerina_Red
Excursionist
18 0 2

stifau

made4Uo
Shopify Partner
3805 713 1128

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

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
Katerina_Red
Excursionist
18 0 2

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 206

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