Why isn't my responsive site working on an iPad Pro?

[spelt]

Hi, I managed to get my site responsive for both iPad Air and regular iPad but it does not work on iPad Pro for some reason. Is there any way to get this fixed? I used this code for iPad Air and iPad.. do I need a new code for iPad Pro?

[Michael_Pink]

Hi @spelt
Please share your store URL, page URL, and also password (if your store has one) so we can help you.

[LitCommerce]

Hi @spelt ,

Please change code:

Because the iPad Pro is 1024x

Hope it helps!

[spelt]

it didn’t unfortunately.. it did not change anything to the iPad Pro and it also messed up the iPad Air and normal iPad version as you can see here

[LitCommerce]

Hi @spelt ,

I don’t understand, with the code you sent, I just help edit it so it can work on ipad pro.

How do you want it to look on ipad pro? Like the screenshot you sent?

[spelt]

I want it to look like this on the iPad Air version:

here is how my code looks right now:

[LitCommerce]

Hi @spelt ,

Go to Assets > base.css and paste this at the bottom of the file:

@media screen and (max-width: 1024px) {
	.image-with-text .grid__item {
		width: 100% !important;
		max-width: 100% !important;
	}
}

Hope it helps!

[spelt]

did not do anything unfortunately

[LitCommerce]

Hi @spelt ,

Please go to base.css file and remove code here:

it will help the site get my code instructed and everything works fine