Simple page, mostly text boxes, not responsive

Hi there -

I have setup a simple page for a friend who is starting out. It is mostly text with one image. Looks good on a computer, but the text boxes do not resize correctly for tablet or mobile, either when I test in the Elementor editor or on a real mobile device. It’s as if the text boxes are being told that the page is 30% wider than it is.

I was under the impression that Airi was a responsive theme. Am I doing something wrong?

Hello there,

Not really sure why it happens. It looks like there is improper row settings in there. For quick fix, add the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    .site-content > .container > .row > div {
      max-width: 100%;
    }

Regards,
Kharis

That worked! Brilliant, thanks for your quick help.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis