A responsive WordPress theme is a theme build to adapt to the client and to look great in both browsers, iPhones, iPads etc. For some time we have seen WordPress Plugins and dedicated WordPress mobile themes but recently responsive WordPress themes have been introduced and seems to be the new trend in web design and WordPress theme development. With the rapid growth in number of smartphones and Internet enabled gadgets being sold world wide, it is time to take mobile web design serious and ensure that your blog or business website is ready.
Having a responsive design allows your website content to be displayed correctly to all users by using fluid grids, images and queries to adjust the design to accommodate screens of different sizes using media queries. The cool thing about responsive themes is that they allow you to have one theme to maintain and one look and feel no matter who is visiting your site. Responsive design simply takes away the need for mobile versions of your site, and with the use of standards they typically work in a way that makes your site future-proof for new types and sizes of devices. More responsive themes arrive every day now but still it can be difficult to find the right one. I have collected some of the best premium and free responsive WordPress themes here to help you get started.
I thought responsiveness alone was as HOT as it CAN GET!… however recent trend is responsive WordPress themes with layout builders. Even recently we have seen front end editors with drag and drop for responsive layouts. The work needed to design and implement themes like this is crazy and yet the sell for about $35 on Themeforest. With themes like this you are going to impress your clients for sure! By the way – Layout builders can also be added as plugins e.g. Ether Content Builder is pretty awesome! Post was just updated with more responsive WordPress themes! Please leave a comment if you know other responsive themes we need to add.
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.
The themes below are all designed and implemented to be responsive. 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 themes 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 required extra design and implementation why many are also ’simple without too many elements to manage. On ThemeForest you can always check the comments from other members to see if the vendor is assisting customers in a professional and proactive way and if regular updates are published and well documented.
1. DailyJournal Responsive Blog WordPress Theme
DailyJournal is a fully responsive personal blog. It is the first blog theme from ElegantThemes that will automatically adapt to the screen’s size, insuring that your content is always displayed beautifully no matter what device visitors are using. Check the varius layouts (media queries) below or test the theme demo yourself.
2. Trim Theme
Trim is simple, professional, versatile and fast. Trim might be simple, but with that simplicity comes a sense of balance and crispness that is quite refreshing. Coupled with a bunch of great features, Trim is a great theme that will prove useful for a variety of different websites. Trim is a fully responsive design that adapts to your user’s variable screen size.
3. Modernize – Flexibility of WordPress
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)
4. Pioneer. Responsive drag & drop theme
Get ready for a new and pretty interesting approach to content management in WordPress. Pioneer features a brand new front end admin system that lets you configure your website without going back and forth between the admin and web-page front end. Still the theme is responsive and is packed with great features. The portfolio as an example is really cool – check it in the screencast on the MORE INFO page below.
5. Angular – Responsive Portfolio
Angular is a responsive WordPress Theme (try resizing your browser), suited for users who want to showcase their work on a neat portfolio site. The Theme is built on top of the fabulous Avia Framework and comes with support for the bbPress Forum plugin, just in case you need it!
6. Volumes: Responsive Portfolio WordPress Theme
Bold, beautiful, full of character and fully responsive – Volumes is a great asset to any creative freelancer or agency. An attractive showcase for you work packed full of features, a filterable portfolio, custom widgets, custom page templates and more.
7. Resizable responsive theme
Theme Junkie is showing off their skills with this first responsive theme. 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.
8. Sterling – Responsive WordPress Theme
Sterling is a fully Responsive WordPress Theme built on a 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.
9. Apollo – Responsive WordPress Theme
Apollo is a sharp, responsive WordPress theme perfect for any business, portfolio or blog.
Looking responsive solution for your business website? Here it is! 100% flexible, ultra clean and modern theme with cool features.
11. Office Responsive Business Theme
Office is a cool WordPress theme for any corporate business. Featuring a very professional design, 7 custom post types, drag and drop homepage modules, unlimited highlight color option, optional navigation icons, 3 menu regions, an optional responsive layout…Office has everything you’ll want for your business website.
12. Trine Responsive WordPress Theme
Trine is a Responsive portfolio theme for WordPress. It’s packed with useful elements, functions and shortcodes that respond with the layout.
13. Zig Zag – Responsive WordPress Template
Zig Zag is not just responsive it is also a one page layout. Pretty cool responsive wordpress theme.
14. Next – Responsive Business WordPress Theme
Next is a professional theme that makes creating a clean, responsive business or portfolio site very easy. Next follows all the latest HTML5 , CSS3, and JS techniques and conventions. The Responsive Design of the theme lets you serve desktop, tablet, and mobile devices all as first-class citizens.
15. Gigawatt – Responsive WordPress Video Theme
Gigawatt is a video blogging theme designed by the ever so talented team of Trent Walton and Reagan Ray from Paravel. As with any of our themes the brief was simple, design to your strengths but make sure that it’s as usable as can be. The end result is a gorgeous, vintage looking WordPress Video theme which manages to balance a grunge look with a minimal and flexible layout.
No gimmicks, no feature bloat, just rock solid standards compliant coding and straight forward design that makes your work shine, whether it be photography, graphic design, illustration, or even video.
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.
SevenWonders is a clean and modern wordpress theme that Fully Responsive, which mean the layout will adapt depending on the device screen size.
Propulsion is a responsive WordPress Theme (try resizing your browser), suited for users who want to create a business, portfolio or eCommerce site. The Theme is built on top of the fabulous woocommerce shop plugin as well as the bbPress Forum plugin. It comes with a plethora of options so you can modify layout, styling, colors and fonts directly from within the backend. 3 Slideshows, 21 predefined skins (which are easy to modify from your backend), font and color options as well as dynamic template builder will help you create the Website you need in no time.
20. Saviour Responsive WordPress theme
Saviour is a stunning responsive portfolio theme, perfect for displaying your best work with pride. It’s clean, slick and customisable – allowing you to showcase your creative flair with maximal prominence. Saviour is a responsive theme that resizes & restyles to match your browser window size, and even includes an iPhone optimised version built in!
21. Good Minimal
Good Minimal is a responsive HTML5 & CSS3 , clean and minimalist style theme that is good for portfolio, blogs and businesses. This theme is flexible and is used media queries to adapt screen sizes, whether it is iPhone, iPad and wide screens.
Entrée is a powerful WordPress theme for the Agencies & Business companies, there are no limits. Entrée is a fully responsive theme for WordPress, which adapting display to all devices (screen, widescreen, iPhone, iPad, Android … correct displaying in each device, really) – try to resize your browser window. Entrée offers easy creation of a portfolio with an unlimited number of items.
BonPress is the perfect personal blog theme. Packed with Post Formats (audio, video) feature and multiple Custom Widgets, like Twitter, Flickr, will offer you a unique experience from blogging.
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 and the backgound-, text- and link-colors can be customized in the theme options page.
Highly optimised WordPress framework rewritten from the ground up using HTML5, Media queries for several devices / screen resolutions with default styles included, Custom 2, 6, 9 & 12 column grids for each device, A solid 32px vertical rhythm which scales in tandem with the screen resolution.
Scherzo is a clean, readable theme that boasts a mobile first design, which means it displays perfectly on all mobile phones as well as desktop monitors. It requires version 3 or higher of WordPress and makes use of HTML5 structural tags, the hatom microformat and ARIA landmark roles. In plain language that means search engines will be able to interpret your content easily while screen readers will be able to navigate it with no problems
Renova, a new 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 was designed to perform well on the principal touch mobile device and tablets.
Blaskan is a responsive and accessible WordPress theme that’s built for many kinds of screens.
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.
30. 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 with the addition of some special touches such as flexible images, nice margins, and some mobile image rules.
Swix is an extremely customizable and flexible theme, suitable for almost any kind of website. It is responsive, so it adapts to any device from mobile to high-res computer screens.
Reaction is more than a WordPress theme, it’s a comprehensive HTML5 framework and it includes a full templating system as well; A collection of several incredibly powerful scripts and CSS structures that’s been tied together into a kit that’s perfect as a jumping off point of your next project.
Knead is a neat little Portfolio WordPress theme called Knead and not only will you be able to list your amazing work but also detail all your services too.
34. Kraken Business & Portfolio WordPress Theme
Kraken is a clean and modern Business & Portfolio WordPress theme that’s perfect for showcasing your work in a minimalistic fashion. With custom post types, a modular homepage via drag-and-drop sections, image sliders built-in, unlimited portfolio items, 3 different portfolio styles, a regular blog section and modern jQuery/CSS3 enhancements, 2 pre-made color schemes and unlimited color options, Kraken is the perfect solution for all your projects.
35. Good Space – Responsive Minimal WP Theme
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.
DailyPost is an interesting theme ideal for your everyday notes and thoughts, which supports post formats and several customisation options. The theme is a special one because of its responsive design, thus you will get the pleasure to read the post with your mobile device.
This is a clean, modern, powerful WordPress tumblog-style theme designed for a wide variety of uses from bloggers to design portfolios. The responsive web design adapts from large to mobile screens, just resize the browser window to test it out, no additional setup required!
Momento, the latest theme out of the Obox factory, is a WordPress Photography Theme with an emphasis on epic design and a scalable layout.
39. Lucky Times
Responsive theme for Portfolios, Blogs and Magazines with a really unique and different look and feel!.
40. Super Skeleton WP
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!
Whitelight features a clean and responsive design, customized modular homepage, portfolio functionality. Further it offers integration with WooCommerce (child theme) for e-commerce features.
iTheme2 is a revamp of iTheme that was originally released by Nick La. Now with the Themify framework, it is even better and have more options. It is the perfect theme for technology & Mac related blogs. It uses media queries to target different displays such as desktop, notebook, iPhone, iPad, and other mobile devices.
43. XO – Responsive Creative WordPress Theme
XO is a responsive WordPress theme for creative people building an online portfolio.
44. MayaShop – A Flexible Responsive e-Commerce Theme
Why not consider a responsive layout for your next online shop project. This will prepare the buisness for people shopping on the move! MayaShop is a fresh WordPress theme that utilises the powerful JigoShop and Woo Commerce plugins to create a versatile WordPress powered shop, with unlimited layout options and unlimited skins.
45. Jigsaw – Responsive WordPress Theme
Jigsaw is a theme that looks great and performed really well on mobile and tablet devices. It is built on an extensible and flexible responsive framework, and has been tested on as many platforms and devices as possible. Thus whether it’s visited by an iPad, iPhone, iPod touch, Android device, laptop or desktop, the theme still looks pretty amazing.
46. Sentence – Responsive Blog and Portfolio
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.
47. The Arcadian Responsive WordPress Theme
The Arcadian is a new portfolio theme designed to look beyond the typical corporate mold and give you the ultimate in WordPress creativity.
Swagger is built on top of the all-new version 2 of the Theme Blvd framework. Use the layout builder to accomplish just about anything you could ever think of. Use the slider manager to create as many sliders as you want. Use the widget area manager to create as many widget areas and sidebars as you want. With just the right amount of theme options and flexibility, the power is all in your hands. And with a sleek, responsive HTML5 design, you’ll be sure no one will miss out on your new website built with Swagger.
innoVative is a powerful minimalistic business/corporate/portfolio & blog responsive premium WordPress theme packet with many cool features – including a front page layout builder.
Instyle is a responsive HTML5 & CSS3 Portfolio theme with WordPress post format support. Instyle uses Twitter Bootstrap CSS3 / HTML5 framework for easier development.
Versatile HTML5 Responsive WordPress Framework
Reverie Framework is an extremely versatile HTML5 WordPress framework based on ZURB’s Foundation, a powerful tool for building prototypes on any kind of devices. Reverie follows HTML5 Boilerplate standard and is hNews microformat ready. It is optimized for Search Engine while at the same time improve readability. This is an interesting tool if you are building your own responsive WordPress themes.
Whiteboard framework for WordPress was developed to speed up the development of WordPress themes. Whiteboard 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, mobile support, and multi-lingual support. Whiteboard remains a true WordPress Framework. Whiteboard includes only the core WordPress structure and does not get fancy with unnecessary functions. While Whiteboard does include Less Framework and a minimal theme, these can be easily removed with the exclusion of a line of HTML each.
Author : Dustin Betonio
Dustin Betonio is a Translation Management graduate at University of Mindanao. His earlier career was devoted on customer service outside the information highway. Currently studying Law in the same University.