Estimated read time: 1 minutes

Responsive design adjusts itself automatically to the screen size of the device a visitor uses. It offers an optimal user experience for all devices – desktops, tablets, laptops and smartphones.

With responsive design users don’t have to zoom in to see text that is only optimized for desktop devices, for example. The text will automatically adjust its size to a readable size. Photos will also be shown in different setups from how they look on larger devices.

Some older browsers, like Internet Explorer 7, or earlier do not support this relatively new design technology and do not show the webpage to users at all.

Responsive design can make the user experience more enjoyable. Keep in mind, though, that not all content is created equal. Infographics – created as one large image – that look great on a larger screen might not look very good on a smaller screen. Since they are created as their own image the responsive design won’t be able to change the pieces within the image.

Audio and video embeds typically work just fine on responsive design.

Responsive themes in WordPress

If your site runs on self-hosted WordPress, search for “responsive” under APPEARANCE >>> THEMES >>> ADD NEW to find a theme that’s responsive.

The default themes that come with a new WordPress installation are already responsive and have been since 2011.


Listen to my podcast