Why would two iPhones (5c and 5s) display a WordPress plugin differently?

1 Views

I’m porting an html site to wordpress (plugin) and I’m running into a unusual issue (for me, at least). The html version of the website looks correct on both iphones, but the wordpress version only looks correct on the 5s. The 5c is showing an incorrect margin-bottom.

Also, I should note that viewing the page on chrome’s iphone 5 emulator displays the page correctly.

Read More

I’m not looking for anyone to solve this problem for me, i.e. point out any errors in my code. Rather I’m wondering if anyone can provide some insight into why these two phones would be rendering the page differently only in the WordPress version.

The 5c isn’t up to date with the current iOs, but I don’t see why that would make a difference? I’m updating right now, just to be sure, but if that’s the solution, then I worry about iOS compatibility. Thoughts?

Post Views: 1

Related posts

Leave a Reply

2 comments

  1. Do the phones run different versions of the OS? I setup my own personal website (http://www.epic-apps.uk)* using WordPress, and from my experience I’ve never worked with such a buggy system. The best solution I’ve found when encountering random problems like this is to contact their support team directly. I’ve also noticed that a lot of the bugs I see where due to caching from previous versions. You can try clearing all contents and data from safari on both your phones and then try to look at the websites again.

  2. Updating the operating system fixed the margin on the problematic iPhone. I cleared the cache before the update to make sure that wasn’t the case. I’m half relieved to have solved the problem but half worried that anyone with an older OS will be looking at an ugly design. How seriously should one take OS version compatibility for issues like this?

    Thanks to everyone for their input!

    Edit – Switz provided a helpful explanation for why WordPress may be creating problems when the HTML version of the site did not. I’ll quote it here for visibility:

    “Update and report back. I think it has something to do with CSS/JS being deferred. WordPress doesn’t like when you mess with script load order.”

    “It just means moving scripts from the header to footer to decrease load time. This is all well and good for most sites but not wordpress because of the multiple css calls that rely upon loaded js and vice versa”