Mobile Main Menu Navigation Not Showing Up

Solved
GenesisJunior
New Member
2 0 1

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

 

Accepted Solutions (2)

Accepted Solutions
KetanKumar
Shopify Partner
31211 3117 10466

This is an 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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
31211 3117 10466

This is an 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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 32 (32)
oscprofessional
Shopify Partner
10960 1750 2223

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

 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
KetanKumar
Shopify Partner
31211 3117 10466

This is an 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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
GenesisJunior
New Member
2 0 1

That worked! Thank you so much

KetanKumar
Shopify Partner
31211 3117 10466

This is an 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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
NDS
Explorer
55 1 8

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
Shopify Partner
31211 3117 10466

@NDS 

Thanks for post again

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
NDS
Explorer
55 1 8

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
Explorer
55 1 8

Hello @KetanKumar 

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

Thanks!

Ally_Paris
Tourist
9 0 0

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
Explorer
55 1 8

@Ally_Paris ,

 

Could you fix it?

CryptoDramz
Tourist
10 0 4

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

Ianc929
Excursionist
13 1 4

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!

Ianc929
Excursionist
13 1 4

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!

CryptoDramz
Tourist
10 0 4

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
Excursionist
13 1 4

Link to the website, help appreciated!

 

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

Ianc929
Excursionist
13 1 4

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

CryptoDramz
Tourist
10 0 4

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

 

Ryan

Ianc929
Excursionist
13 1 4

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

KetanKumar
Shopify Partner
31211 3117 10466

@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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing