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.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024