All things Shopify and commerce
Hi All,
My menu in desktop version is working well. However, when I switch to mobile version my dropdown menu isn't working; it pops up, but disappears immediately..
Can someone help me with this? I think I did something wrong with editing my code in header.liquid but can't find the solution..
I edited the code because I wanted my logo to show up top left in the header.
URL: timnoel.myshopify.com
Password; trawpa
I would really appreciate it when someone has the solution!!
Solved! Go to the solution
This is an accepted solution.
Hi @Timklg sorry for my late response
@media screen and (max-width: 768px){
.show-nav .site-header.site-header--hidden {
display: block;
}
}
and follow this path to add the code
Themes => edit code => asset =>theme.css
and add this code to bottom of the file theme.css
Hope my answer helps you. If you find it helpful, just give it a like. Let me know if you need help
PageFly.
Hi @Timklg
This is PageFly. I would love to provide the solution for this issue
Please add the code below
.@media screen and (max-width: 768px){
.show-nav .site-header.site-header--hidden{
display: block;
}
}
I hope my answer helps you. If you find it helpful, just give it a like. Let me know if you have any further questions.
PageFly.
Dear Pagefly,
Thanks for your answer. In what section do I have to paste this? In "header.liquid"? If so, after what line? I tried so paste it in some lines without any result yet..
Tnx so far, hope you can help me out..
Or are you able to solve it yourself?
This is an accepted solution.
Hi @Timklg sorry for my late response
@media screen and (max-width: 768px){
.show-nav .site-header.site-header--hidden {
display: block;
}
}
and follow this path to add the code
Themes => edit code => asset =>theme.css
and add this code to bottom of the file theme.css
Hope my answer helps you. If you find it helpful, just give it a like. Let me know if you need help
PageFly.
Wow, you're amazing. It perfectly works!!!
Thank you so much for you help!! Now I can finally finish my website 🙂 Wish I could do anything back for you..
Hi @Timklg
You're welcome. I'm glad that I could help you.
In order to save time and effort with less code, you can try to use a page builder app, which is PageFly.
We have new BFCM templates here so you can check!
Let me know if you need help,
PageFly.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024