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?

Share this:

Mickey Mellen

Co-Founder and Technical Director

View Mickey's Profile

More from Our Blog

How Do We Build More Ethical and Humane Digital Marketing?

How does a humane perspective impact our practices? Why is it worth it to try being humane? Let’s examine these questions and more together.

Read More
people walking on pedestrian lane during daytime

6 Steps Every Small Business Can Take To Better Storytelling

Every business has a story because every business has people. By people, we don’t just mean your team, but also your customers, potential customers, and…

Read More
woman narrating story while recording audiobook

The 5 Things We’ve Learned About Building Successful Websites

Since opening our doors in 2009, GreenMellen has built hundreds of websites for clients in various industries. We can say with great confidence that no…

Read More

Comments

Trackbacks

Leave a Reply

Your email address will not be published.