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
24919 2497 9034

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
24919 2497 9034

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 31 (31)
oscprofessional
Shopify Partner
9175 1561 1925

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
KetanKumar
Shopify Partner
24919 2497 9034

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

GenesisJunior
New Member
2 0 1

That worked! Thank you so much

KetanKumar
Shopify Partner
24919 2497 9034

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

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
24919 2497 9034

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