Good on my iphone but not on the clients

Does this site look good on your iPhone?

Its good on my iphone but not on my client. Im hoping its just hers!

What is not good on the client’s iPhone?

I looked on my iPhone 7 and the home page seems to display fine. But without knowing what to look for, had to say for sure.

Thanks. This screen shot is from her. On mine the text col is below the photo

She has a different size phone than you or I do. So it’s not just her phone but anyone that has a similar size phone.

Unfortunately, there are so many phone sizes out there that it’s difficult to design layouts to cover them all.

What I suggest is that you open your desktop browser and resize the window and see what the pages look like at or about each breakpoint.

Here’s a post that gives you some ideas for the RW breakpoints, of course this can vary from stack to stack and from theme or framework.

Here’s a list of the common device viewport sizes. The CSS width column is the one that you can use.

3 Likes

There are also some responsive stacks where you can define breakpoints in the stack itself and/or by percentages which is very useful. Here’s one example:
Adaptive Grid:

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.