I’m creating a custom child theme. I’d like the design to work for both desktop and mobile – especially tablets. While my design looks good on a widescreen desktop, the theme appears crowded on an iPad. Are there any widths or limits I should observe for a design to be responsive? Thanks.
In the end you decide which breakpoints you implement for several viewports or devices. However, it’s recommended to implement the most common widths of popular devices, see the below tool for a great example of that:
There are some helpful tools out there, one is from StudioPress itself, a responsive tester: http://www.studiopress.com/responsive/
Another one: http://bueltge.de/test/media-query-tester.php
Also, when using the latest Firefox browser there are some web deloper tools integrated, such as an viewport testing tool, located in the menu under Extras > Web Developer Tools.
Here are some links that I have found useful:
I hope this helps. Chris
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.