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

 

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

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
KetanKumar
Shopify Partner
17305 1872 6464

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
GenesisJunior
New Member
2 0 1

That worked! Thank you so much

0 Likes
KetanKumar
Shopify Partner
17305 1872 6464

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
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!

0 Likes
KetanKumar
Shopify Partner
17305 1872 6464

@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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
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!

0 Likes
NDS
Explorer
55 1 8

Hello @KetanKumar 

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

Thanks!

0 Likes
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 !

 

0 Likes