The Genesis Theme Framework is widely considered to be the best theme framework available for WordPress at the moment. It is easy to use (with a little practice) and very easy to maintain. But more than that, it lets you build fast, SEO friendly, secure and attractive websites. It’s popularity is also partly due to the amazing range of support and child themes available.
Now mobile devices of all sizes are taking over much of the world’s online browsing time. Getting your website to display correctly on mobile devices can be a major task. Gone are the days where folks maintained different versions of their website for desktop vs. mobile. Now you want a website that will render correctly, no matter what device or screen size it is accessed from.
Designs which adapt to the device they are being viewed on are called, you guessed it, responsive. Responsive designs normally use CSS or HTML queries to check the screen dimensions, resolution etc – of the device the user is browsing from, and accordingly use different CSS style sheets to scale your site’s layout into something appropriate for the device in question – whether it be a smart phone, a tablet or a laptop.
A responsive design, on the Genesis framework, is like the icing on the cake – all the goodness of Genesis easily available across mobile and desktop. Now that I’ve got your interest, let’s walk you through some of my favorite responsive Genesis child themes.
The theme has been created by StudioPress, the creator of Genesis itself, so you know it leverages all the good parts that Genesis offers. The Agency Pro theme is sleek, smart theme that is perfect for you if you run a professional agency. The Agency Pro theme lets you choose from a variety of layouts. Best of all, you can see exactly how your site will render on a mobile, a tablet, or desktop. Notice the larger fonts, and narrow layouts in the mobile version.
(in)SPYR is one of the most robust Genesis child themes available. Though it is a third party theme, it packs quite a punch. The bundle includes not one, but three themes that you can customize. With multiple layout options, color schemes, support for featured images, and a whole lot more, it covers pretty much everything you’d expect from a great Genesis theme. That it’s responsive, with its fluid adjusting layout and scalable images to match the layout, just adds to its appeal.
Eleven40 Pro Theme
Eleven40 Pro Theme is a clean, elegant theme that draws in the reader to your content. It is perfect for the professional business look. There’s minimum clutter in the layout and the typography is crisp. It makes your content truly stand out. And like we’ve come to expect from StudioPress, the code is clean, and well structured. The Eleven40 Pro Theme comes with a bevy of layout options, featured images, threaded comments and 4 color options. It also uses HTMl5 markup. As you can see below the design looks great on phones and tablets as well.
Epik theme takes minimalism to another level. It stands out with its simplicity. Its simple clean minimalistic layouts demand attention. A customizable slider and a smooth scroll design make it stand out. The typography, the theme options tie in with the clean uncluttered theme. It’s a very unique design that inspires creativity. And of course, in its simplicity, it renders extremely well on all device sizes.
The Stage 2 Theme
The Stage 2 theme, by Themedy lets you create a stunning home page with dozens of pictures and is perfect for professional photographers or freelancers who want to showcase their portfolio. It gives you ample opportunity to creatively play with your pictures and bring them to life.
Stage 2 is responsive, fast and intuitive. It’ll adjust the picture layout to match the screen size, and ensures your portfolio or pictures look amazing on all devices. It also has some pretty cool features that can bring your website to life, like animations and “shortcodes” – prewritten code that can help you create a fully-functional website in no time at all.