Problem with the currency selector in the footer on mobile

Solved

Problem with the currency selector in the footer on mobile

CreatorTim
Explorer
259 1 46

Hey guys, I’m having a bug with the currency selector in the footer on mobile. When I click on it, it opens normally, but after I close it, I can’t scroll anymore.

 

The only thing I can do is click on something or refresh the page.

 

How can I fix this?

 

Here’s where you can check it out: https://1049xn-ya.myshopify.com/collections/all

 

THIS ONLY HAPPENS ON MOBILE!

 

Thanks for the help,

Tim

 
Accepted Solution (1)

lemondev
Shopify Partner
18 7 9

This is an accepted solution.

Hello Tim,

From what I can see, there is an issue with some script inside the 'localization-form.js', it adds a class

'.overflow-hidden-mobile'  to the 'body' but it doesn't remove it when you click on the 'x' or escape.

Screenshot 2025-01-09 at 21.07.35.pngScreenshot 2025-01-09 at 21.09.39.png

Or you can do css: 
@media screen and (max-width: 768px) {
body {overflow: auto!important;}
}

Maybe this will help.

 

Daniel Neshkoski | CEO and Founder @ Lemon.Dev

View solution in original post

Replies 2 (2)

lemondev
Shopify Partner
18 7 9

This is an accepted solution.

Hello Tim,

From what I can see, there is an issue with some script inside the 'localization-form.js', it adds a class

'.overflow-hidden-mobile'  to the 'body' but it doesn't remove it when you click on the 'x' or escape.

Screenshot 2025-01-09 at 21.07.35.pngScreenshot 2025-01-09 at 21.09.39.png

Or you can do css: 
@media screen and (max-width: 768px) {
body {overflow: auto!important;}
}

Maybe this will help.

 

Daniel Neshkoski | CEO and Founder @ Lemon.Dev
CreatorTim
Explorer
259 1 46

Hey, thanks so much! I added the CSS, and it looks like it’s working.