15 Free WordPress Themes with a Responsive Layout

The most popular topic of discussion at the moment, amongst web designers anyway, is undoubtedly responsive web design. This is in response to the popularity, over the past couple of years, of visitors opting to use a mobile device of some sort (Android, iPhone, iPad..) to access their favorite web sites.

Just to give you a quick overview, responsive web design allows you to offer a specific and optimised screen size layout that is based on whatever device (mobile, tablet…) the visitor uses.

With responsive layouts in mind, with this post we have taken a look at what responsive themes the WordPress community currently freely offers.
You will be surprised at the quality of the themes we have found. And remember, all of these themes are free to download.

Yoko

Yoko is a modern and flexible WordPress theme. With a responsive layout based on CSS3 media queries, the theme adjusts to different screen sizes. It makes use of the new WP post formats (gallery, aside or quote) and comes with Google Web font integration (Droid Sans and Droid Serif).
Yoko Download PageView the Demo →

Ari WordPress Theme

Ari is a minimalistic, flexible three-column blog theme. The theme uses CSS3 media queries for its responsive layout and is therefore optimized for tablet PCs and smart phones (the theme switches to a two-column layout when viewed on a horizontal iPad screen, and to a one-column layout on iPhones). You can also choose a dark color scheme.
Ari WordPress Theme Download PageView the Demo →

BonPress

BonPress is a personal blog theme that is packed with Post Formats (audio, video) features and multiple Custom Widgets. The layout of this theme automatically adapts to fit on any screen resolution on desktop and mobile devices (iPhone, iPad).
BonPress Download PageView the Demo →

iTheme2

iTheme2 is the perfect theme for technology and Mac related blogs. It uses media queries to target different displays such as desktop, notebook, iPhone, iPad, and other mobile devices (no plugin is necessary).
iTheme2 Download PageView the Demo →

Skeleton

Skeleton is a simple, responsive WordPress theme based on the Skeleton Boilerplate. It has several useful shortcodes, such as tabs, toggles, cross-browser CSS3 buttons, and layout columns. Skeleton also includes a free bbPress theme.
Skeleton Download PageView the Demo →

Flexible

Flexible, with its Facebook-like style, uses responsive and fluid standards to rearrange its layout to display your content according to different screen sizes.
Flexible Download PageView the Demo →

The Scherzo

Scherzo is a clean, readable theme that boasts a responsive layout. It requires version 3 or higher of WordPress and makes use of HTML5 structural tags, the hatom microformat and ARIA landmark roles.
The Scherzo Download PageView the Demo →

Constellation Theme

The Constellation theme is the perfect starting point for any WordPress project. It gives you the flexibility to provide bespoke styles for different devices (media queries for several devices / screen resolutions with default styles included), totally up-to-date HTML5 code, a flexible grid system on top of all the other goodness bundled in to the HTML5 Boilerplate.
Constellation Theme Download PageView the Demo →

Renova

Renova offers two optional backgrounds (full white or paper), six colors for stylinging links and hover effects and does come with mobile device support.
Renova Download PageView the Demo →

Whiteboard

The Whiteboard framework has been developed to help speed up the process of developing a WP theme. It does so by eliminating the time spent on code common to all WordPress themes and includes non-intrusive code that improves the overall WordPress theme in many ways – including SEO, speed, usability, and mobile support (built with Less Framework for an instant mobile website).
Whiteboard Download PageView the Demo →

SimpleMarket

SimpleMarket, favoring a much easier and speedier setup, does not come with any theme options (I wish more themes would come packaged like this). it does pack a fair few features though: Responsive design that easily adapts to a variety of screen sizes and devices, full support for Post Formats, sleek fonts with full Google Font integration and all expertly coded with HTML5.
SimpleMarket Download PageView the Demo →

Blaskan

Blaskan is a responsive and accessible theme that's been built with mobile devices and tablets in mind. Accessibility is highly prioritized, following the WAI-ARIA specfication as much as possible.
Blaskan Download PageView the Demo →

1140 Fluid Starkers WordPress Theme

This theme has been created by mashing-up Elliot Jay Stocks’ Starkers Theme (bare-bones WordPress theme) and the 1140 CSS Grid (the fluid down to mobile grid framework).
1140 Fluid Starkers Download Page

Thematic 320 and Up (WordPress Child Theme)

Thematic 320 and Up Download PageView the Demo →

Responsive Twenty Ten

Responsive Twenty Ten is a child theme of the default WordPress theme. This theme has been based on Todd Halfpenny’s Responsive Twenty Ten, but with the addition of some special touches such as flexible images, nice margins, and some mobile image rules.
Responsive Twenty Ten Download PageView the Demo →

You might also like…

20 Helpful WordPress SQL Queries Snippets →
20 Plugin Replacing Tutorials, Tips, Snippets and Solutions for WordPress →
10 Useful WordPress Search Code Snippets →
20 More WordPress Code Snippets and Hacks →
20 Plugin Replacing Tutorials, Tips, Snippets and Solutions for WordPress →
Dummy Content Filler Resources for WordPress, Drupal and Joomla Developers →
30 Grid-Based WordPress Themes →
10 Blank/Naked WordPress Themes Perfect for Development →
Essential WordPress Plugin Development Resources, Tutorials and Guides →
20 Snippets and Hacks to Make WordPress User-Friendly for your Clients →
Or, you could browse our extensive WordPress Archives