Weird Website View in iPad

[rakwel10]

Hello,

I am working on a website and it is acting really weird on iPad. See attached image to understand my problem better.

If you will see the attached image, some "background-image" in iPad view were swapped with other image on the website. Why is this happening?

I will greatly appreciate your help!

Thank you!

 

[mikes63737]

I would recommend debugging with the Safari inspector, with your iPad plugged in to your Mac. Chrome and Safari use different rendering engines so some differences are to be expected.

Link is a bit outdated but the steps should be similar:
https://developer.apple.com/library...oper_Guide/GettingStarted/GettingStarted.html

 

[960design]

Hello,

I am working on a website and it is acting really weird on iPad. See attached image to understand my problem better.

If you will see the attached image, some "background-image" in iPad view were swapped with other image on the website. Why is this happening?

'working on a website' does this mean you wrote all the code or you've adopted it?
I say this because the different views could be made using media queries.

Do not trust the chrome iPad view as of lately it has been far from correct. Many moons ago it was pretty close, but now with the latest several updates it has failed to impress. I normally keep an iPad next to me during development instead of relying on chrome's views.

 

[rakwel10]

'working on a website' does this mean you wrote all the code or you've adopted it?
I say this because the different views could be made using media queries.

Do not trust the chrome iPad view as of lately it has been far from correct. Many moons ago it was pretty close, but now with the latest several updates it has failed to impress. I normally keep an iPad next to me during development instead of relying on chrome's views.

Thank you for your reply, 960design.

I wrote all the codes including media query so I'm not sure if we will find the problem there. And in the media query I only usually adjust spaces and do not swap images.

Btw, this is a wordpress theme Im working on. Could the problem come form my folder structure? Or maybe with this code <?php bloginfo('template_url'); ?>?

 

[960design]

Btw, this is a wordpress theme Im working on. Could the problem come form my folder structure?

I cannot see how folder structure would have anything to do with it.

Or maybe with this code <?php bloginfo('template_url'); ?>?

No, just a standard wordpress call. Are you building a child theme?

 

[rakwel10]

I cannot see how folder structure would have anything to do with it.
No, just a standard wordpress call. Are you building a child theme?

Not a child theme. This is really a theme built from an html5reset theme.

The problem seem isolated because it behaves nice in other iPad. Could it be a caching problem? How do we hard refresh an iPad?

 

[960design]

Could it be a caching problem? How do we hard refresh an iPad?

It certainly could!

HUGE STICK
Settings > Safari ( left column ) > Clear History and Website Data ( right column ).

LITTLE STICK
Settings > Safari ( left column) > Advanced ( right column ) > Website Data ( right column ) > Edit ( top right ) > tap to delete the specific data

 

[rakwel10]

The refresh didn't work. Probably an app is affecting it? I'm really pulling crazy reasons now