Skip to main content

What is a “mobile responsive” site?

For the past few years, it’s been common for websites to have a “normal” version of their site and a separate “mobile” version.  This works fairly well, but is beginning to have some issues as time goes on.

  1. What do you consider to be a “mobile” device these days?  Your phone, of course.  How about a 10″ tablet?  A 7″ tablet?  Maybe a 10″ netbook?  The problem is that many of those devices should see the full version of the site, but are forced to view a special mobile version instead.
  2. Google and Bing have both come and said definitively that mobile responsive sites are a better solution to help your site rank well in the search engines.

So what exactly is a “responsive” site?

In short, a responsive site automatically adjusts and moves content around to help fit any kind of screen that it’s being displayed on, from desktop to tablet to phone. This video helps explain it a bit more:

Another good resource for learning about responsive design comes to use from ReadWriteWeb, which has a great article about the process that the Boston Globe went through to make their site responsive.

How can I make my site responsive?

Unlike installing plug-ins that give your website a separate mobile version, responsive themes need to be designed that way from the ground up.  While it’s technically possible to convert an existing theme to become mobile responsive, you’re usually better off selecting a new design and rebuilding your site with it.  The “twentyeleven” theme that comes built-in to WordPress is responsive, as are dozens of themes at StudioPress or Elegant Themes, or you can search for others such as the aptly-named “Responsive Theme“.

Live examples

To see a good example of a mobile responsive site, you’ve found one!  Try dragging the edge of your browser as I demonstrated in the video above and you’ll see the content shift around automatically to keep things suitable for reading.  You can also check out Saluda River Club as another example.

Is your site mobile responsive yet?  If not, are you planning to move to a responsive theme soon?

About the Author

Mickey Mellen

Co-Founder and Technical Director

View Mickey's Profile

More from Our Blog

Case Studies: Telling Client Stories To Help Build Brand Awareness

Using stories of your existing clients and past projects gives your experience specificity. In marketing, we call these case studies—which is a boring name for...

Read More
white ruled book

Balancing the Creative and Technical Elements of a Website

There exists a tension between the creative and technical elements of a well-built website. While you always strive to create a beautiful website pleasing to…

Read More

Making the Most Out of Your Website’s About Page

While every website we build at GreenMellen is custom, there are a handful of pages that should be on all websites. This list includes a…

Read More
people sitting around a table with their computers