Need to add the word "Menu" Above Hamburger Menu

WS92657
New Member
2 0 0

Hello,

 

I am using the Boundless theme. I need to add the word "Menu" above the hamburger menu. The hamburger menu in the code links to an image. So if I just search for "hamburger" in the code I do not find it. Just an image link to a picture of a hamburger menu. Any help is appreciated.

Thank you

 

Screen Shot 2019-10-02 at 9.33.34 AM.png

Replies 22 (22)
OTM
Shopify Expert
668 170 248

Hi, @WS92657 ,

This is Evita from On The Map.

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in the bottom of the file.

 

span.icon.icon-hamburger:after {
    content: 'Menu';
    position: absolute;
    top: 0px;
    font-size: 14px;
    left: 14px;
}

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
WS92657
New Member
2 0 0

I tried what you suggested but there was still no "Menu" text above the menu. It looked exactly the same as before

Qualitycheck
Shopify Expert
1405 114 231

Hello,
Hope you are doing well.

 

You can give your store access to us we will fix it for you.

 

Free of cost 

OTM
Shopify Expert
668 170 248

Can you add your store URL? In demo theme it works fine: https://prnt.sc/pe0dnm

I'm guessing some classes are different than the original theme.

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
Levush
New Member
7 0 0

@OTM Hey There, sorry to bother. Your piece of script worked out for my theme, although i need something slightly different. I need to move the hamburger menu button down to the center of the page instead of having it on the top left. any chance you could help me with that?

suyash1
Shopify Partner
3730 410 612

@Levush - can you please share your website link? 

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30
Levush
New Member
7 0 0

hey @suyash1, it is levu.sh 

pw: 123456

only thing is, i was able to write the CSS on my own to get the hamburger button to the middle just fine, but i ended up scraping the idea because it ends up not looking good either on mobile or desktop depending on the exact position i choose. you think you could help me write a code that would make this behavior only happen in mobile mode? (hamburger button only centered when on mobile but regular location on desktop) <--- actually not even sure this idea would be any good. i wish i could figure out a way to make the hamburger button a floating moveable button but that's way too much coding i feel like.

suyash1
Shopify Partner
3730 410 612

@Levush - not able to check as right click don't work and it shows legal notice

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30
Levush
New Member
7 0 0

@suyash1  my bad, please try now