2013-06-22

A responsive WordPress theme is a theme build to adapt with the purpose of giving tablet and smartphone users a great experience. This without maintaining multiple websites and multiple sets of content! For some time dedicated WordPress mobile themes was the best option, but recently responsive WordPress themes have been all over the place. There is no doubt that responsive web design is the new hot trend and so it is to use responsive CSS frameworks to implement the responsive layouts. With the rapid growth in number of smartphones and Internet enabled gadgets being sold world wide, it is time to take mobile web design serioust and ensure that your blog or business website is ready. WordPress themes with responsive layouts makes this possible and at a reasonable cost.

Having a responsive web design allows your website content to be displayed correctly to all users by adjusting the layout to accommodate screens of different sizes and orientation. The cool thing about responsive themes is that they allow you to maintain one theme and provide one consistent look and feel no matter how visitors access your website. In many cases responsive web design themes simply takes away the need for mobile versions of websites. More themes that are responsive arrive every day now but still it can be difficult to find the right one. I have collected some of the best responsive WordPress themes here to help you get started. To help you find what you are looking for faster I have categorized the themes into the following sections: Build in custom responsive layouts, Twitter Bootstrap based themes, Skeleton framework themes, Zurb Foundation, 360.gs and starter themes.

The trend now seems to be either creating custom fit for purpose responsive layouts or using Twitter Bootstrap. The availability of cool Bootstrap website templates and Bootstrap WordPress themes is simply amazing and more is released every day. However, I added a broad selection of responsive themes in case you want to use a specific framework or to start with a clean starter theme.

For testing responsive layouts and tuning you should check out some responsive web design tools. It is a good idea to test the responsive implementation using the theme preview before deciding to use a specific theme. Some themes simply have better responsive design than others.

This article is continuously updated with fresh responsive WordPress themes! Please leave a comment and share the article.

Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you). I recommend that you do your own independent research before purchasing any product or service. This article is not a guideline, a recommendation or endorsement of specific products.





Advertisement

Index

WordPress Themes – Custom Responsive Layouts

Reponsive Bootstrap WordPress themes

Skeleton Based WordPress Themes

Zurb Foundation based WordPress themes

WordPress Themes using 960.gs – Unsemantic 

Free Responsive WordPress Theme – Starter and Frameworks

WordPress Themes – Custom Responsive Layout

The themes below are all designed and implemented to be responsive and to give mobile users a great experience. Please check the demos to ensure the responsive design fits your needs and that the required dimensions look good. One way to do this fast simply is to make the browser window smaller. Best solution however is to test on a tablet and smartphone before making the final decision. Keep in mind that responsive WordPress templates required a lot of effort to design, implement and that maintenance may be quite a job as well. You see, every screen size with a unique layout and this require some extra design and implementation why many are WordPress themes with a simple and minimal design, without too many elements to manage.

Lucid WordPress Responsive Theme - MORE INFO / DEMO



Lucid is a responsive multi purpose WordPress theme for blogs, magazines and more- I think Elegant Themes did a great job with the design of Lucid. It features a modern magazine layout that allows you to have a busy website with lots of content. The layout is responsive, clean and minimalistic. ElegantThemes provide a page builder for their themes that will give you full control of your page layout and content. Check it out here

Venture – Responsive Corporate & Creative Theme - MORE INFO / DEMO

Venture is a responsive WordPress theme that can adapt to any screen size whether PC or mobile browsing. Its clean design and layout gives a professional feel that’s perfect for any corporate or professional portfolio. Its custom post types, home page builder and shortcode capabilities make customizing your website easier than you think.

Coffee & Cream | Multipurpose WordPress Theme - MORE INFO / DEMO

Coffee & Cream Theme is a responsive theme perfect for your WordPress site. Best features include integrated Revolution slider, Infinite Layouts and best of all, a theme that can also be your very own Vcard. Cool right?

Vittoria | Retina Responsive WordPress Theme - MORE INFO / DEMO

For a Retina abled and Responsive website, Vittoria is a two thumbs up. With both capabilities, its design will surely make your a website visually stunning with its crisp images that will pop out even on your mobile device.

Rojo Responsive WordPress Magazine, Blog Theme - MORE INFO / DEMO

Rojo Theme is a responsive news magazine theme that gives you control over your posts, pages and categories. Page building is easy as it uses Drag and Drop in its user interface. Perfect for beginners and people who like their themes simple and easy to navigate and use.

Glamour Fully Responsive Magazine Layout - MORE INFO | DEMO

Glamour is a responsive magazine theme for WordPress that adapts nicely to different view port sizes. The theme takes minimalism for complex magazine websites to the next level, but a splash of color. Glamour offers a multiple column post display and gives you great ability to customize the look and feel. I think it is a great choice for bloggers who want flexibility, speed and elegant minimalism.

Trim Theme - MORE INFO / DEMO

The Trim theme from Elegant Themes was created with a clean minimal design. It features a unique slider layout and a professional front page layout that will fit most business websites well. Trim is  fully responsive and have a mobile friendly design that adapts to your user’s variable screen size.

Responsive Twenty Ten - MORE INFO /DEMO

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

Deadline Responsive Magazine Theme - MORE INFO / DEMO

Deadline defines what a minimal responsive magazine layout should look like. It is a professionally designed WordPress news or magazine theme that both bloggers and large scale online magazines can benefit from. It comes many custom options and useful widgets helping you along the way to control the look and feel of your website.

SimplePress – Corporate WordPress Photo Theme - MORE INFO | DEMO

SimplePress is a simple and clean page-based corporate WordPress theme. It is great for anyone looking to give their website professional look and feel. The theme features a business style homepage with a beautiful well integrated JavaScript slider and clear hierarchy, as well as fully functional Blog and Gallery sections.

Avada | Responsive Multi-Purpose Theme - MORE INFO / DEMO

The Avada theme is a flexible responsive theme fpr WordPress with multi-purpose features. It is built with HTML5 and CSS3 . A lot of thought and care were put into Avada making it a pleasure to use. Avada is loaded with options, and has powerful customization options. The clean, modern design can be used for any type of website; business, corporate, portfolio, products, etc.

Flexible Responsive WordPress Portfolio Theme - MORE INFO / DEMO

Flexible theme is responsive as well as image centered as it uses grids in displaying the images. Clean and simple design makes it stand out. The theme puts your work first, keeping the design elements to a minimum while still maintaining a definitive modern style. With its filterable, ajax-powered multi-media gallery, Flexible is perhaps our most feature-rich gallery theme yet. Even on smallest devices this responsive theme looks great.

Boxline - MORE INFO |DEMO

Boxline is an elegant responsive blog and magazine theme for WordPress. It is minimal and clean with a combination of subtle, soft grays, light textures and a few bright colors.

Blox: Bold WordPress Portfolio Theme - MORE INFO / DEMO

A big, bold, beautiful, portfolio theme for creatives. Designed to put your work in the forefront, Blox is all about showcasing your talent. Each portfolio is its own “block” of creative awesome which can feature your designs, demo reels, or audio tracks. Or all three.

DeepFocus - MORE INFO / DEMO

With Deep Focus you can turn your WordPress business website into a responsive business website and online photo gallery. Along with the gallery layout, DeepFocus comes with a robust blog and CMS-style homepage as well, making it an amazing solution for artists/photographers looking to build an online presence. This is a great pick among the many Simple WordPress Themes available. Elegant Themes also have a huge set of other good looking and among best WordPress themes. Their gallery is worth checking out if you are looking for a new theme – you can get all 76 themes for $39.

Resizable responsive theme - MORE INFO / DEMO

Theme Junkie is showing off their skills with this first responsive WordPress template. It is a cool magazine / news theme layout and the responsive design is pretty cool, especially with the sub menu moving to the left as the viewport gets smaller. The Resizable theme works great on any resolution on desktop and mobile devices such as iPad, iPhone, Android, and Blackberry.

Renova - MORE INFO / DEMO

Renova, a unique and very different single column theme for WordPress. The main design of renova is concentrated on a minimal style dedicated to those writers who need a simple layout without any kind of useless stuff. Renova is responsive and was designed to perform well on the principal touch mobile device and tablets.

Expression Photography Responsive WordPress Theme - MORE INFO / DEMO

Expression is a cool responsive WordPress photo theme, best suited for photographers and creatives who use portfolios to effectively present their work. Expression theme is powered by the advanced Pexeto Panel, which provides tons of options to manage and modify any aspect of the theme. With all the styling options provided you can easily customize the appearance of the theme and build you own custom skin.

SmartStart WP – Responsive HTML5 Theme - MORE INFO / DEMO

With SmartStart WP theme you get a simple and clean responsive website design for your business site or portfolio. It is created  using the latest HTML5 and CSS3 techniques. With a responsive design it is easily usable with any device (Desktop, tablet, mobile phone…), without removing any content!

Coraline Ajax And Responsive WordPress Theme - MORE INFO / DEMO

Coraline is a great grid style portfolio theme and it is build as a responsive website template for the creative agency, freelancer or general business. Has a lot of modules are ready for homepage, it’s simple-to-use, customize and install.

Yoko - MORE INFO /DEMO

Yoko is a flexible HTML5/CSS3 WordPress theme. With the responsive layout based on CSS3 media queries, the theme adjusts to different screen sizes. The design is optimized for big desktop screens, tablets and small smartphone screens.

Sterling – Responsive WordPress Theme - MORE INFO / DEMO

Sterling is a fully Responsive WordPress Theme built on a cool and powerful theme framework. It’s a great theme for everyone in need of a professional online presence. The design is light and clean and fits very well for business websites.

Maxx – Responsive Creative WordPress Theme - MORE INFO / DEMO

With Maxx WP you get a modern clean and creative theme with responsive layout. It is suitable for corporate business or portfolio. It use latest techniques : HTML5 and CSS3 . The theme have full  responsive design and it  means it will fit any device (Desktop, tablet, smartphone…), completely optimized for your touchable device. Maxx has everything you’ll want for your business website.

Responsive Bootstrap WordPress themes

The Twitter Bootstrap framework is one of the most widely used CSS frameworks. It is built with the most comprehensive list of features and can be quickly customized for each individual project. With the 12 column responsive grid introduced in Bootstrap 2.0 it became one of the most popular choices for WordPress developers. Bootstrap is probably the most popular CSS framework right now and there are so many cool Bootstrap website templates you can choose from at the moment.

Converts – Responsive Bootstrap WordPress Theme - MORE INFO / DEMO

Converts theme is a responsive WordPress template built on the Booststrap framework and boasts of easy customization through admin or page options. This theme is a fit for corporate websites or for those looking to add a professional feel to their portfolios.

White & Grey Management Company Bootstrap WordPress Theme – MORE INFO / DEMO

White & Grey Management Company WordPress Theme is a responsive theme build using Twitter bootstrap. It has great and clean design that can be good for your business. It features 5 Sliders to choose from for featuring image on your site.

InnoCompany – Responsive Corporate wordpress theme - MORE INFO / DEMO

InnoCompany is a clean and minimalistic corporate WordPress theme. It comes with a a true professional looking theme with corporate responsive layout design.

Flavor – Responsive/HD Magazine/Review AJAX Theme - MORE INFO / DEMO

Flavor theme is a responsive news magazine theme built on Bootstrap that’s both stylish and functional. Great website for including multimedia content.

OpenSpace Responsive Mulipurpose WordPress Bootstrap Theme – MORE INFO / DEMO

Openspace is a Responsive WordPress Theme best suited for any business, portfolio, photography and personal sites. Fits all popular mobile devices and tablets.

Olympus – Responsive Multi-Purpose WordPress Theme - MORE INFO / DEMO

With Olympus you get a powerful and feature rich Responsive Multi Purpose WP Theme. Olympus theme has all ingredients for a visually stunning website: responsive, clean design and retina display feature. Drag and Drop makes editing simple and convenient. Great website for corporate and portfolios.

Spark Responsive Multi-Purpose WP Theme – MORE INFO / DEMO

Spark is a responsive and super flexible,multipurpose premium WordPress theme, that is suitable for different types of sites, like portfolio and business sites. It has a solid flexible responsive layout that scales from 320px to 960px width and all Twitter Bootstrap features, Spark also includes Font Awesome the iconic font designed for use with Twitter Bootstrap.

One Touch – Multifunctional Metro Bootstrap Website Template – MORE INFO / DEMO

One Touch is a modern metro style theme with a flat responsive layout. This light and cleam responsive website template will decorate almost any site running on WordPress. The structure of this template such is what it perfectly will be suitable for all, from the entertaining blog to a serious corporate site.

NewsTrick – Responsive WordPress Magazine / Blog – MORE INFO / DEMO

NewsTrick can be configured to focus on your work, your blogging, or both. Theme is powered by the SMOF Options Panel, which provides tons of options to manage and modify any aspect of the theme – it is well suited for both beginners with no coding knowledge and developers.

Justi Responsive Bootstrap Website Template – MORE INFO / DEMO

Justi is a minimalist, clean , responsive and super flexible premium WordPress theme, that is suitable for different types of sites, like portfolio and business sites. It has a solid flexible responsive layout that scales from 320px to 1260px width and all Twitter Bootstrap features.

RapidNews – Responsive Bootstrap Magazine Theme – MORE INFO / DEMO

RapidNews is a feature-rich WordPress magazine theme. Great for magazine , review, news and blog sites, with integrated reviews, video, slideshows, galleries and ADS system in each post.

Progressive Photographer – MORE INFO / DEMO

This web template amazed with plenty of progressive features. The navigation is improved by fixed menu, the go-to-top button. The main page is focused on a photographer representation and on the demonstration of professional skills, especially by photography examples. The social media buttons are made big for better integration. Tablet and smartphone layouts are available for more comfortable viewing.

Quare – Responsive Multi-Purpose Theme - MORE INFO / DEMO

Quare is a clean and minimal WordPress theme with a responsive layout. It is well suited for business websites but it also works well for creating a portfolio website. Quare theme is built with Kodde Framework V2 with a lot of new options and Page Builder V2 that offers drag and drop and resizable blocks. This makes it possible and quite simple for you to set up the individual pages as you like.

Volcano – Responsive WordPress Magazine / Blog – MORE INFO / DEMO

Volcano is a cool customizable, flexible, responsive WordPress theme for your Blog, Magazine or News website. Volcano can be configured to focus on your work, your blogging, or both. Theme is powered by the SMOF Options Panel, which provides tons of options to manage and modify any aspect of the theme – it is well suited for both beginners with no coding knowledge and developers.

Reboot – Responsive Portfolio Bootstrap WordPress Theme – MORE INFO / DEMO

Reboot is a beautifully minimal, and awesomely responsive WordPress Theme, built on the fantastic Twitter Bootstrap that is perfectly suited for Agencies, and Creatives (Designers, Photographers, Motion Artists).

BUILDER – Responsive Multi-Purpose Theme – MORE INFO / DEMO

Powerful WP Theme designed in a clean and minimalistic style. This theme is very flexible, easy for customizing and well documented, approaches for personal and professional use.

Accord – Responsive WordPress Blog Theme – MORE INFO / DEMO

Accord is a Responsive WordPress Blog Theme, best suited for Magazines and Personal Blogs. It comes with 9 awesome widgets, Post Rating System and 7 post formats (image, gallery, video, audio, quote, aside, standard) and tons of theme options.

Egofolio: History Ajaxed Reponsive WordPress Theme – MORE INFO / DEMO

A minimal theme with spicy Javascript features built for creative people.

Alterna – Retina Responsive Multi-Purpose WordPress Theme – MORE INFO / DEMO

Alterna is an Retina-Ready, Fully Responsive WordPress Theme. Alterna gives you an awesome premium theme to create your website for any type of website; business, corporate, portfolio, blog, products, magazine etc.

Grandeur Responsive Multipurpose Theme – MORE INFO / DEMO

Grandeur is a premium responsive WordPress theme with a wide range of possible applications ranging from corporate websites to personal online portfolios. Feel free to browse through the extensive list of features or dive right into the action by checking out the theme preview!

Valor Responsive WordPress Theme – MORE INFO / DEMO

Powerful WP Theme designed in a clean and minimalistic style. This theme is very flexible, easy for customizing and well documented, approaches for personal and professional use. VALOR has been coded in HTML5 & CSS3 and jQuery. It has a solid flexible responsive layout that scales from 320px to 1260px width all Bootstrap features. Follow me to be notified for future updates!

AlYoum | Retina Magazine & Blog WordPress Theme – MORE INFO / DEMO

AlYoum is a Premium Responsive & Retina Display WordPress Theme perfect for Blogs / Magazines / Personal Blogs.

Explosion – Responsive WordPress Blog / Personal – MORE INFO / DEMO

Explosion is a Responsive WordPress Theme, best suited for Magazines and Blogs. It comes with 13 awesome widgets, 10 post formats,awesome Page Builder and tons of theme options. Explosion developed on the Bootstrap — beautiful boilerplate for responsive development so it looks beautiful at any size, be it a 17” laptop screen or an iPad, iPhone.

TrustMe – Responsive WordPress Magazine / Blog – MORE INFO / DEMO

TrustMe is a Responsive WordPress Theme, best suited for Magazines, News and Blog websites. It comes with 23 awesome widgets and 18 widget areas and 4 post formats (image, audio, video & gallery) and tons of theme options. TrustMe developed on the Bootstrap — beautiful boilerplate for responsive development so it look beautiful at any size, be it a 17” laptop screen or an iPad, iPhone.

CrossRoad – Responsive WordPress Magazine / Blog – MORE INFO / DEMO

CrossRoad is a Responsive WordPress Theme, best suited for Magazines, News and Blogs. It comes with 18 awesome widgets and 22 widget areas and 4 post formats (image, audio, video & galleries) and tons of theme options. Crossroad developed on the Bootstrap — beautiful boilerplate for responsive development so it look beautiful at any size, be it a 17” laptop screen or an iPad, iPhone.

Voyage Theme - MORE INFO / DEMO

Voyage Theme is a flexible and responsive theme that combines a modified version of 960.gs Grid System and Twitter Bootstrap framework. It allows users changing layout and style using flexible and simple Theme Options: 1-, 2- or 3-column blog layout; fixed, fluid or responsive; 12- or 16-column grid; grid width and many more. The Voyage Theme features 11 widget areas, 4 menu positions and 6 page templates

Skeleton Based WordPress Themes

Skeleton is a lightweight CSS frameworks offering a simple but powerful responsive grid system. The Skeleton grid elegantly scales from 960px right down to tablets and mobile viewports in landscape and portrait.

Modernize – Flexibility of WordPress - MORE INFO / DEMO

Modernize is extremely well designed and will make most business website rock. But it is not just looking good, it is fully responsive and comes with a very powerful page layout builder. Without any coding you can easily put together a new layout for a any page. Only thing I was missing when testing this theme was the possibility to add widgets as a layout element. Some layout builders support this e.g. Pioneer above and Visual Composer (WP plugin that add layout building capabilities to any theme)

Good Space – Responsive Minimal WP Theme - MORE INFO / DEMO

Good Space Good Space is a WordPress theme especially for creative agency. It’s very clean, minimal with modern design. This theme is also has a responsive ability. Moreover, it comes with tons of features. Including our page items that can be managed very easily via our awesome tool, ‘Page Builder’. Admin panel in this theme is a real feature rich. You can also create unlimited sidebar, choosing over 450 fonts or if you want to use your own, we provide a cufon uploader. You can also translate each elements to your language via this admin panel.

Angular – Responsive WordPress Portfolio Template - MORE INFO / DEMO

Angular is a responsive WordPress theme with a design that works wonders is you plan to showcase you work on a portfolio website. With angular you get a theme that have been built on top of the mature Avia Framework and the theme also features support for the cool bbPress forum solution for WordPress.

Sentence – Responsive Blog and Portfolio MORE INFO / DEMO

Sentence is a responsive Blog and Portfolio Theme (try resizing your browser), suited for users who want to run a professional or personal blog and in addition to that want to showcase their work on a neat portfolio site. The Theme is built on top of the Avia Framework and comes with a plethora of options so you can modify layout, styling, colors and fonts directly from within the backend. 15 predefined skins (which are easy to modify from your backend), font and color options will help you create the Website you need in no time.

Super Skeleton WP - MORE INFO / DEMO

SuperSkeleton for WordPress is responsive (try resizing your browser)… that means that it’ll flex to fit massive screens, or itty bitty iPhone screens (and everything in between).Touch gestures even work on the slider!

Inovado – Retina Responsive Multi-Purpose Theme - MORE INFO / DEMO

With Inovado you get a clean minimalistic, retina-ready and responsive WordPress Theme with a light and user friendly business website design. The theme offers a great set of customization settings that helps you transform Inovado into your own business website look and feel.

Aware - MORE INFO / DEMO

Aware is an interactive, responsive portfolio theme perfect for freelancers, web designers, photographers and videographers alike. Its user interactive interface delightfully enhances your most loved portfolio pieces. Now, you can take your portfolio with you, in your pocket.

Zurb Foundation based WordPress themes

Foundation is an advanced responsive front end framework based on a flexible grid that can be customised to your exact needs. This makes it easy to develop layouts for mobile and desktop devices using the same markup. The number of themes for WordPress build using Zurb Foundation is not as high as for Bootstrap and Skeleton.

WP-Foundation - MORE INFO

This is a Foundation 3.0 theme for WordPress. It is simple and minimalistic but includes theme options and four different page templates.

Basestation - MORE INFO

Basestation is a minimalistic WordPress themes using Zurb Foundation framework.

Quarter – Responsive WordPress Blogging Theme - MORE INFO / DEMO

Quarter is a fully minimalistic design and responsive WordPress theme, suited for blogging. Quarter developed on the Zurb Foundation framework for responsive development so it look beautiful at any screen size. It is customizable via the WordPress Theme Customizer yet it is as simple as possible.

960.gs – Unsemantic

Here you find themes with responsive layouts based on 960.gs or its s

Show more