Mobile Main Menu Navigation Not Showing Up

[GenesisJunior]

The Main Menu which contains: Shop By Category, Shop By Brand, etc. shows up on the desktop version of our site, but not on the mobile version. 

www.garysonline.com

[KetanKumar · Accepted solution]

Hello, @GenesisJunior 

Welcome to the Shopify community!
and Thanks for your Good question.

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

.navigation-toggle-open {
background: #000;
}

[oscprofessional]

Hello
Add this css in your css file. 
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media (max-width: 1079px){
span.navigation-toggle.navigation-toggle-close {
    display: block;
}
.navigation-toggle-close {
    left: -37px;
    right: initial;
}
}

[KetanKumar · Accepted solution]

Hello, @GenesisJunior 

Welcome to the Shopify community!
and Thanks for your Good question.

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

.navigation-toggle-open {
background: #000;
}

[GenesisJunior]

That worked! Thank you so much

[KetanKumar · Accepted solution]

@Rich2727 

Thanks for post.

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

Desktop 

.site-nav--has-dropdown:hover .site-nav__dropdown {
    display: block;
}
.site-nav__dropdown {
top: 20px;
}

 Mobile issue 

can you please check theme.js file issue so please download press theme and open free theme editor then theme.js file copy and past your current theme

[NDS]

Hello @KetanKumar ,

I am having a similar issue with Prestige. The hamburger menu is not showing for the mobile view. Can you help me? 

https://newdaysports.com/pages/brandservices

PW: CoschStudio

Thanks in advance!

[KetanKumar]

@NDS 

Thanks for post again

sorry i can't any issue give me screenshot so i will check and let you know

[NDS]

Hello @KetanKumar ,

On the mobile view the menu is not showing. It is supposed to have: Services, Partners and Become a Partner section.

Thanks!

[NDS]

Hello @KetanKumar 

Did you get a chance to take a look? I really need some help here 🙂

Thanks!

[Ally_Paris]

Hello @KetanKumar 

Sorry to tag you but I have the same issue on my website 
My menu is not showing while clicking on it on mobile 

Do you think you can help ?

Password is twidah

Thanks in avance !

[NDS]

@Ally_Paris ,

Could you fix it?

[Ianc929]

Hi Richard, 

I'm having the same problem, however, this solution doesn't work for me. 

On mobile, the nav bar works from some locations but not others.

Please help!

[CryptoDramz]

Nightmare isn't it Ian.

Had to shut our site down as its pointless only having access to the homepage, there isn't even an option to select any other pages as its only showing our logo that is in the top left. Is this the same as you?

Ryan

[Ianc929]

Link to the website, help appreciated!

https://www.teslafrunksandtrunks.com.au/

[Ianc929]

I'm getting access from other pages like the shopping cart and login page but not product or home 

[CryptoDramz]

This is the first time i've written on these community forums mate, whats the chances we get a solution to this?

Ryan

[Ianc929]

Ha...who knows, here's to hoping!

[CryptoDramz]

Hi Ketan, Hope you are well.

I launched my shopify store today and my menu along the top isn't showing up when accessed through mobile! I tried inputting the code you've suggested before but its not helping. 

Please help us as we have been forced to take the website offline again sadly.

I Look forward to hearing from you.

Ryan

[KetanKumar]

@CryptoDramz 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[CryptoDramz]

Hi Ketan, 

The URL is www.cryptodramz.co.uk 

I really appreciate your help with this. 

Ryan

[Ianc929]

Hi Ketan, 

If you also have some time to look at mine I would be very grateful. 

www.teslafranksandtrunks.com.au

Thanks 

Ian 

[KetanKumar]

@Ianc929 

you have add wrong javascript file issue can you please revert your last change in theme.js file that's it 

[Ianc929]

@KetanKumar 

Thanks for your help, I removed the only two lines of code I put in theme.js and its still not working? 

Would you be able to tell me what the changes I need to make are? 

Thanks 

Ian 

[KetanKumar]

@Ianc929 

sorry we're not able to store 

[Ianc929]

Strange! 

Https://www.teslafrunksandtrunks.com.au

[Ianc929]

Https://www.teslafrunksandtrunks.com.au

Teslafrunks.myshopify.com

@KetanKumar 

Please try now 

[KetanKumar]

@Ianc929 

thanks but i can't one error

can you please download fresh debut fresh theme and and compare file code

https://www.diffchecker.com/

[Ianc929]

Hi @KetanKumar 

Thanks for the suggestion. The two files are however the same. 

The search icon on the home menu is also not working 

Any additional suggestions would be greatly appreciated

Thanks 

[KetanKumar]

@Ianc929 

thanks for update can you please download fresh theme and check same issue on new theme?

[KetanKumar]

@CryptoDramz 

i have check your mobile menu its perfect work

[Lisa121]

@KetanKumar 

Would you mind checking out my problem on mobile?

Things were jumping around on mobile, so I added this:

@media (max-width: 580px){
body, html{
overflow-x: hidden;
}
}

Now the nav is too wide/hidden.

I would be so appreciative of any help!!!

shop.fearlesshomeschoolers.com

[Ianc929]

I'm having the same problem, however, this solution doesn't work for me. 

On mobile, the nav bar works from some locations but not others.

https://www.teslafrunksandtrunks.com.au/

Please help!

[O-E-W]

@KetanKumar 

I am also having the same issue with my mobile site.  I have tried all the options that have been posted here for the code and none of them have worked.  

outdoorequipmentwarehouse.ca 

Can you help me please?

Thanks