Mobile Main Menu Navigation Not Showing Up

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

1 Like

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

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

That worked! Thank you so much

@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

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!

@NDS

Thanks for post again

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

Hello @KetanKumar ,

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

Thanks!

Hello @KetanKumar

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

Thanks!

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 !

@Ally_Paris ,

Could you fix it?

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

1 Like

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!

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!

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

Link to the website, help appreciated!

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

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

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

Ryan

Ha…who knows, here’s to hoping!

@CryptoDramz

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

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

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

1 Like