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

[ExYoga]

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

[PageFly-Richard · Accepted solution]

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

[ExYoga]

Thank you, its worked

[PageFly-Richard]

@ExYoga 

You are welcome 😊

[AOXCLUSIVE2]

Life saver thanks 🙏