Solved

Mobile dropdown menu disappears after 1 second

Timklg
Tourist
5 0 0

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

Accepted Solution (1)
PageFly-Victor
Shopify Partner
7865 1785 3050

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.

 

View solution in original post

Replies 6 (6)

PageFly-Victor
Shopify Partner
7865 1785 3050

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. 

Timklg
Tourist
5 0 0

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..

Timklg
Tourist
5 0 0

Or are you able to solve it yourself?

PageFly-Victor
Shopify Partner
7865 1785 3050

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.

 

Timklg
Tourist
5 0 0

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..

PageFly-Victor
Shopify Partner
7865 1785 3050

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.