How can I resolve a product page overflow error on mobile?

Technical Q&A
1

Hello guys, when I open product page on mobile phone I see overflow. How can I fix this problem ? Its Ella theme

Product page link - https://exyoga.com/products/15-mm-natural-rubber-suede-lotus-yoga-mat-2

2

Hi @ExYoga

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file

@media not all and (min-resolution:.001dpcm)

{ @supports (-webkit-appearance:none) {

@media (max-width:767px){ html, body {

overflow-x: hidden !important;

}

}

}}

@media (max-width:767px){ body, html {

overflow-x:hidden !important;

}

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

2 Likes
3

Thank you, its worked

1 Like
4

@ExYoga

You are welcome :blush:

5

Life saver thanks :folded_hands: