Mobile Version Of Site Moves Left And Right On Website

Store Design
, , , , ,
1

Hi,

I was wondering if anyone could help before I pull all my hair out))

Our all pages move left and right when accessed on mobile (approx. 85% of our traffic). And there seems to be no gap down the left hand side. There should be some padding or margin here and I can’t figure out what the problem is.

Here is a link of our website: talishko.com

If you look at it on a mobile, you will see what I am talking about. It appears the width of the product page is not fixed and moves from left to right.

Any advice or insight on how to stop this from happening would be greatly appreciated!

Thank you so much for any help.

2

@talishko

Please share the screenshot of what you want!

Thanks!

3

Hi @dmwwebartisan , thank you for your valuable comment.
I thought I could explain my problem better by taking a screen recording.

Please watch the video.

Note: This problem does not happen on the collection pages, maybe we can find a clue to solve the problem.

4

@talishko

On my side, your shop work perfectly not left and right moving. I think this problem is on iPhone.

Thanks!

1 Like
5

Hi @talishko

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

Online Store ->Theme ->Edit code

Assets ->Base.css

html, body {
overflow-x: hidden;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

6

Hİ @dmwwebartisan , thank you for your reply.
Yes, I just tested it myself, and the problem applies only to iPhone devices. :disappointed_face:

7

Hi @PageFly-Richard , thank you for your reply.
I added this code earlier, but it didn’t work.
We’ve just discovered something new: the problem is only with iPhone devices.

8

Update: The problem is currently only available on the home page. I don’t understand how it happened.

9

UPDATE: The problem has been solved. For those who are curious:
There is such an option for each section in the theme, the problem was solved when “wrapped container” was selected in all of them.

talishko_0-1689549116482.png
talishko_0-1689549116482.png425×276 13.6 KB

10

Hello, there’s no option which you’re mentioning in the theme prestige. Also, the same issue is on this website too on which we are currently commenting. Check my screenshot.

IMG_9685
IMG_96851179×2556 203 KB