Help! how can i fix the horizontal scrolling on my website

Solved
New Member
1 0 0

Below is the link to my website, if you open the website on your phone, there is a horizontal scrolling to a white section. how can i remove that? Thanks

 

https://www.myhappybump.com/

0 Likes
Shopify Partner
462 80 94

Hi @arminzafari

 

sarhov is here...

 

The fastest, but maybe not best solution is the following.

Edit Code, Open theme.scss.liquid file.

Scroll at the very bottom of this file and past the following code there.

body{
  overflow-x: hidden;
}

This can be used as temp solution, but there is need dig deeper and find why and what causes this scroll, one of the elements goes out of its container and there is need to find it.

Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
0 Likes

Success.

Shopify Partner
1773 291 378

That may stop some slide working that use horizontal scrolling due to body overflow hidden,

Follow this:

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

p#fbExpanderMoreButtonSection { width: auto !important;}

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
1 Like
Highlighted
Shopify Partner
462 80 94

@Jasoliya 

That can't cause any slide issue, sliders use their own wrappers for overflow hidden.

And that it is not perfect, I have written this myself...

Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
0 Likes