Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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.
Or you can do css:
@media screen and (max-width: 768px) {
body {overflow: auto!important;}
}
Maybe this will help.
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.
Or you can do css:
@media screen and (max-width: 768px) {
body {overflow: auto!important;}
}
Maybe this will help.
Hey, thanks so much! I added the CSS, and it looks like it’s working.
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025