Forced sizing to mobile website for iPad portrait

Hi all,

I'm currently building this website for a client, and while I've coded it to load different elements for desktop and mobile, portrait iPad/tablet is still a bit of an issue. What I'd love to do is force the website to just load the mobile version for portrait tablets but I'm not really sure where to start, or what size to specify the break at? Can anyone help me with a bit of code that could help address this?

I've attached screens at desktop, mobile and then ipad portrait (the problem child).

Site:

https://houseofgods2023.squarespace.com/

Pass:

hotdogwatermelon

All the best,
Asa

Hi,

hotdogwatermelon

Password is incorrect

Sorry @tuanphan, I had to switch it over. I've updated the password to:

treatmelikeimfamous

Thanks,
Asa

any luck with this? I feel like this is a huge problem for so many people. ipad portrait is a b**ch and i feel like it should be mobile view AS STANDARD.

Surely there must be a bit of code that can be utilised across multiple different websites to enable this functionality as standard practice ?

i'm desperate to know how!