Horizonal Scroll Showing On Mobile View - Dawn V7 Theme

Store Design
, , , ,
1

Hello! I have a problem with my product page showing a horizontal scroll on mobile that allows me to show a lot of white space, a problem when wanting to scroll through the photos by swiping. This happens when the product page is loading but after a little, it does fix itself. One note is that on the main home page, when it’s loading, it wont show the horizontal scroll unlike my product page. I used Gempages to create my product page, it also includes trust bear badges and loox’s reviews, thats about it. @GemPages
My product page that has the issue is: MistMountainz.com/sale

1 Like
2

@HoodShine

oh sorry for that

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

3

Hi @HoodShine

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

body {
     overflow-x: hidden !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

4

It didn’t work. Here’s a video example of how it looks like.
https://youtube.com/shorts/-Mk5L_43xTM?feature=share

5

I was testing on my iPhone 11 using google and safari. I also use an app
called vitals which allowed me to see visitor action replays and it seemed
like they were also horizontally swiping before it fixed itself after a
while. It happens when the page isn’t completely loaded.

6

I tested it on a samsung and the horizontal scroll does not show. But on an iphone xr and iphone 11 it still happens.

7

Found the solution, had to put this code into my asset → base.css

@media (max-width: 769px){
html{
overflow-x: hidden;
}
}