What annoys me about your blog number six:

Sites that aren’t responsive.

This post goes conveniently Together with the other five posts before it and the original post here

Disclaimer: Again, these are only my thoughts and opinions based on my twenty years of web design. Your thoughts and opinions are welcome even if they oppose mine and especially if they are well thought out and not just abusive.

Is your site responsive?

Can your site be viewed as easily on a mobile phone or tablet as it can be on a desktop computer?

Responsive?

Responsive?

While many of the WordPress themes today are made responsive it’s surprising how many sites on the internet aren’t.

Google analytics (and other such tools) can be helpful to find out the percentage of viewers to your site who use different formats. The numbers for mobile devices and smaller screens have been steadily increasing for the last decade and it’s not surprising that some designers have taken this idea on board and developed accordingly. However you should never assume that your site is responsive, especially when it’s so easy to check.

For those that don’t know how to check, one of the easiest ways is, (to get your mobile phone out) to use your WordPress admin section, see image below. Click on your site name and icon (if you have one) and the screen in the right of the image should come up. The ‘X’ is to close the screen, the square with the arrow is for opening the site in a new window and the three remaining icons show you the site at three different pre-set screen sizes.

Wordpress Screen

WordPress Screen

The three pre-set screen sizes are just a guide to give you an idea how your site looks, in reality there is more than thirty different screen resolutions used by today’s mobile devices. At very least this option allows you to check your site is responsive, because if it’s not responsive the logos, text and images etc will not resize properly into smaller screens.

On WordPress hosted sites your options to make changes to your theme may be limited, they may even require you to pay the creator to change the theme but with more sites moving to responsive layouts there is plenty of new themes to choose from if your theme isn’t responsive.

While the above test doesn’t appear to work on self hosted sites (clicking on your icon takes you to a new window) you have more freedom with your site’s theme. On self hosted sites you can edit your CSS files until you heart is content, change anything and everything. This means that you aren’t restricted to the sizes your theme’s creator set, you can make your own, you can also set different things for different screen sizes. Things like adapting a different menu system for iPad’s to other tablets because iPads are notorious for not liking things decent tablets do.

Making a non-responsive site responsive may well be out of the scope for many users but changing a theme isn’t. If your theme doesn’t give you the option to display your well thought out content to viewers on all devices, get one that does.

hr2