#Responsive does not work on iPhone XR and below

20 messages · Page 1 of 1 (latest)

trail kindle
#

Can’t explain it any better and I don’t get why. Like I can’t understand. It work perfect or nice on everything starting from 11 I believe.

Everything under XR doesn’t work. My own phone (XS) doesn’t show the site responsive. Help plz.

Website : http://mangaplusclone.netlify.app

It’s a react website everything is just simply native css I don’t know like… 🤷‍♂️

thorny drum
#

Hey @trail kindle ,
On devtools:
removing width: 99% on body fixes issues on my end.
Also, the padding on h1 is too large and causes overflow.

If you still have problems on the iPhone device, it might be hardware. I suspect an outdated browser version on this "old" phone

trail kindle
solemn turret
#

@trail kindle hy if you can send a screenshot of the error, it would be great for me to understand

trail kindle
#

the error is that if you open the link with a iphone XR or less, the website is in desktop mode

solemn turret
#

in which browser @trail kindle

trail kindle
#

if you try it with your browser on desktop it will work

#

it doesnt work on the actual mobile

solemn turret
#

@trail kindle I'm using an Android device, and when I checked the URL you provided in the Chrome browser, everything seemed to be working fine. To help you better understand, I'll attach a screenshot for reference

trail kindle
#

This is on a Iphone Xs

#

you see, the responsive do not occur

#

something is off

trail kindle
trail kindle
#

found this when i emulated on the safari

#

the media screen is put as "unknown property"

#

Solved