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
696 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
1432 114 232

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
696 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
5035 582 838

@Levush - can you please share your website link? 

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30, to build shopify pages use pagefly
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
5035 582 838

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

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30, to build shopify pages use pagefly
Levush
New Member
7 0 0

@suyash1  my bad, please try now

suyash1
Shopify Partner
5035 582 838

@Levush 

what is account login? not able to see hamburger menu on mobile view

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30, to build shopify pages use pagefly
Levush
New Member
7 0 0

@suyash1   try these credentials on mobile

Email: test@test.com

Password: test123

suyash1
Shopify Partner
5035 582 838

not able to right click or f12

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30, to build shopify pages use pagefly
tanika
New Member
1 0 0

hi ,

 

I enter that code but it didn't work for me. any idea why?

suyash1
Shopify Partner
5035 582 838

@tanika - hello, can you please share your website link?

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30, to build shopify pages use pagefly
adkato1976
Tourist
4 0 1

Does this method depend on the theme being used? I tried and received no result either. It is still the hamburger menu with no text. I am using the "simple" theme.

Here is the link to the site if you need it https://oneforallshop.com/

suyash1
Shopify Partner
5035 582 838

@adkato1976 - do you want like this?

 

suyash1_0-1632763157170.png

 

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30, to build shopify pages use pagefly
adkato1976
Tourist
4 0 1

Yes that would be great! Or at least as hugged up close to it as possible. 

suyash1
Shopify Partner
5035 582 838

@adkato1976 - please add this css to the very end of theme.scss file and check

nav.grid__item.small--text-center.medium-up--one-fifth:before {
    content: "Menu";
}
You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30, to build shopify pages use pagefly
adkato1976
Tourist
4 0 1

I believe this adds it to the mobile version as well as the desktop. Is there any way to have it specifically for the mobile version?