Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
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;
}
This is an accepted solution.
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
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;
}
}
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;
}
That worked! Thank you so much
This is an accepted solution.
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!
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
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 !
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!
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
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!
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
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.
Hi Ketan,
If you also have some time to look at mine I would be very grateful.
www.teslafranksandtrunks.com.au
Thanks
Ian
you have add wrong javascript file issue can you please revert your last change in theme.js file that's it
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
sorry we're not able to store
thanks but i can't one error
can you please download fresh debut fresh theme and and compare file code
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
thanks for update can you please download fresh theme and check same issue on new theme?
i have check your mobile menu its perfect work
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
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!
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
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024