Shopify themes, liquid, logos, and UX
My site:
Picture example:
Im looking for a way to fix the mobile overflow on my sites mobile version homepage.
Any help would be appreciated, thanks.
Solved! Go to the solution
This is an accepted solution.
Thanks for the suggestion. I inputted the code into the folder and it locked the website, there was no more mobile overflow but scrolling was disabled altogether, I could not scroll down the page.
Hi @vibrantnaturals ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file -> Save
<style>
body{
overflow:hidden !important
}
</style>
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
This is an accepted solution.
Thanks for the suggestion. I inputted the code into the folder and it locked the website, there was no more mobile overflow but scrolling was disabled altogether, I could not scroll down the page.
Hey, i also tried the suggested code from Olver and now my website is stuck. Same thing as you i cant scroll down anymore. I deleted the code but i still can scroll. How die you got rid of the no scrolling? Was the scrolling issue gone when you deleted the code from the liquid.theme? I dont know what to do?
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025