How to make your website responsive


make your website responsive
I want you to make a statement, inspire your perfect clients, serve them with your offerings — and do it with less effort so that you can affect more change while just doing your thang.
You can do that with a responsive website.
(Not sure what I’m talking ’bout? Check out last week’s post: How to tell if your website is responsive.)
As you may know, 60% or more of people in the U.S. visit websites on their phones & tablets.
From the subway and the dog park, or their favorite weird artsy coffee shop where they shamelessly devour German chocolate cake + an espresso on their cheat day (I have cheat days for gluten, I get it).
And if your website doesn’t respond (see what I did there?) to those smaller screen sizes, your visitors will have a miserable time reading what you have to say and exploring what you have to give them.
And they won’t sign up to your email list or buy from you.
A total, stinkin’ waste of your traffic.
So if you’ve visited your website on mobile devices or run it through a mobile device emulator and it got a C or worse, let’s fix it!
Let’s make your website responsive so your biz can stop turning people off and start impressing them instead.

How to make your website responsive


Upgrade to a responsive theme

If you’re on WordPress, you have the choice of thousands of themes. Many are responsive and many aren’t and have left your website in the dusty days of, you know, when smartphones didn’t exist.
A superb option for a WordPress theme if you’re considering an upgrade to a mobile responsive option is Headway, one of the best ones out there, hands down. 
Other hot contenders include Thesis (its Classic Responsive Skin) and Genesis (if you pick one of the responsive themes). Just keep in mind that these require more coding than Headway (read a breakdown of how the three compare here).
If you’re on Squarespace, you’re set, because all of its templates are responsive. (Psst…read about WordPress vs Squarespace here.)
With a responsive theme, you’re all set! …Unless you’ve tinkered with the code, made a mess of it (hey, it happens!), and are now stuck in a shitty-looking-website quicksand. In which case…

Hire a pro

Of course. The only way to get it juuust perfectly right is to have a web developer make your website responsive in a custom way. I’ll dig into your code and tweak and add magic elves also known as media queries as needed. Problem solved.

I call this kickass service Responsive Website Rescue.

Unless you’re a fellow geek and wanna jump in and code CSS into your theme yourself.
The choice is yours, supahstar.
Note: I’m not diving into plugins to make your WordPress site responsive because, in short, they blow. You’ll be hard-pressed to find a great one and when you do it’ll probably be just for your slideshow or video, not your entire site. It figures, since each website has unique needs when it comes to responsiveness. At least, for now. I’m sure I’ll be out of a job in 10 years! Until then, there’s Responsive Website Rescue.
For more tips & wisdom to give your website Superhero status, sign up below and I’ll visit you in your inbox! I very well may bring some vegan, gluten-free, virtual sweet potato brownies with me!

5 Responses to How to make your website responsive

  1. I think a mobile responsive theme is key and SO easy to opt for. I don’t get why there are still people with a non-responsive one.
    I’m not a web designer at all, but a responsive theme is something you simply buy.

    • I totally agree, Sofie :) But get this: what I’ve heard some people tell me is that their web designers either didn’t talk to them about making their website responsive, or they thought it would be but now that the project is over, the website isn’t responsive. Eek! So whether you DIY or hire out, it’s worth it to give the matter some thought, eh?

  2. If you are using WordPress, then you can find lots of themes that are mobile responsive. In this day and age, everyone should have mobile friendly websites. Especially since it barely takes any, if any at all, extra time to set up.

Share your thoughts:

This site uses Akismet to reduce spam. Learn how your comment data is processed.