Template behaves weirdly on iPad

I’ve recently changed my blog theme and I’m loving this one so far. It has been working perfectly on all my devices, but today I’ve discovered it just refuses to display correctly on my mum’s iPad.

I think the resolution is 768x1024px. No matter how I rotate the page, the content in the sidebar gets cut in half and the author widget is stretched to an oval.

I tried to replicate the issue simulating an iPad screen in the Chrome console on my desktop and it does cut part of the sidebar.

Is there any code I can add so that the sidebar is responsive and gets moved to the bottom of the page?

Thanks!

• This topic was modified 6 years, 8 months ago by lucydeetz.

The page I need help with: [log in to see the link]