I used to think that “mobile responsive” meant that when you looked at a website on a mobile, the site just got smaller, but now I realise that there’s a bit more to it than that!
Best definition I’ve found is by Josh Byers one of the front end developers for StudioPress.
When a website is responsive, the layout and/or content responds or adapts based on the size of screen they are presented on.
A responsive website automatically changes to fit the device you’re reading it on.
Josh Byers – Studiopress
Nice definition Josh… and by way of an example, take a look at the large graphic at the beginning of this post.
The graphic shows the eleven40 child theme and what it looks like on a monitor, a tablet and a mobile… pretty good eh?
You can still read everything, but all the various bits and pieces have sort of shuffled around to make best use of the available space.
Now that… is mobile responsive.
Why is it important that your theme should be mobile responsive?
There was a time when websites were designed to look good on the most common screen size.
It was easy, because screen sizes didn’t vary that much.
These days people browse on the widescreen desktop monitor, the smaller desktop monitor, the laptop, the tablet and the mobile phone.
So… if you want your potential customers or clients to have a good experience when they visit your site, regardless of what device they are using, you need your theme to be mobile responsive.
Why 2013 Is the Year of Responsive Web Design:
Tablet sales are expected to exceed 100 million this year.
Their sales numbers may top notebooks next year.
Smartphones, of course, are also a hot commodity — according to Nielsen, the majority of U.S. mobile subscribers now own smartphones, not feature phones.
Meanwhile, the shift to mobile is happening at an extraordinary speed.
Today, 30% of Mashable’s traffic is mobile. By the end of next year, this may exceed 50%.
Given the rapid adoption of tablets and smartphones — and the fact that users currently seem to prefer reading their news on the mobile web rather than in apps — I think it’s inevitable that 2013 will be the year that responsive design takes off.
Pete Cashmore – Mashable
Mobile responsive design is all about automatically delivering your audience the content they want, within the context that they’re viewing it.
Josh Byers – Studiopress
Which Genesis child themes are mobile responsive?
At the moment there are twenty three Genesis child themes, which are mobile responsive, and just to make it easy for you to check them out, I’ve added a few thumbnails with links below.
Future-proof your site with a Genesis mobile responsive child theme
If you’re serious about providing the best user experience for your visitors and future-proofing your site, click on one of the thumbnail links above and head over to Studiopress to check out their responsive themes.
If you’re looking to buy several Genesis themes for yourself or for your clients then WM Web Design recommend that you purchase the StudioPress Pro Plus All-Theme Package.
With the Pro Plus Package you get all the current Genesis child themes and all future themes – superb value!
A big thank you to Josh Byers at Studiopress for his fabulous article on mobile responsive design, from which I have learnt much and quoted often.