How to fix mobile overflow or horizonal scrolling ability

Solved

How to fix mobile overflow or horizonal scrolling ability

vibrantnaturals
Tourist
6 1 3

My site:

https://vibrantnaturals.ca/

 

Picture example:

https://ibb.co/F5dv8Xg

 

Im looking for a way to fix the mobile overflow on my sites mobile version homepage.

 

Any help would be appreciated, thanks. 

Accepted Solution (1)
vibrantnaturals
Tourist
6 1 3

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.

View solution in original post

Replies 3 (3)

PageFly-Oliver
Shopify Partner
878 190 185

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.

vibrantnaturals
Tourist
6 1 3

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.

NicoZvugg
Tourist
3 0 0


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?