This is how you can quickly determine whether your site is responsive and mobile-friendly.
• Open your website in any browser.
• Enlarge the window and fill up the screen. This is what your website will look like on a large monitor.
• Reduce the window down further, you will see how the content “responds” and fits the size of the window.
• When it is reduced to less than about 800 pixels, the desktop menu is replaced by a mobile menu.
• The content stacks vertically.
• The type remains the same size so it is still readable, no need to enlarge it.
So your website looks good and read wells no matter what device it’s being viewed on.
Want to see how mobile-friendly your website is?
Google’s Webmaster Central Blog recently announced that they will be expanding their use of mobile-friendliness as a ranking signal. Here’s a tool from Google to see how your website rates.
Here are a few more examples of some responsive websites we’ve built. To see how responsive websites work, open the sites below on your desktop and resize the window, or look at in on a smartphone to see how it restacks the information and uses a mobile-friendly menu.