Responsive design: 3 tips for your site


Designers and developers across the world follow techniques to create exciting and attractive website designs and experiences across the digital globe. But it is hard to define a Responsive design, as it is more of an approach that indicates that a website's design and development should respond to the user’s behavior and environment based on screen size, platform and orientation.

The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media.

Today, responsive designs are dominating the market for a variety of reasons. They are not only able to boost search engine visibility, they also offer simple site management and excellent offline browsing experience and conversion rates.

Here are three tips you can use in responsive design to improve your Wordpress based website:

  • Making use of HTML and CSS as well as the Power of Php

CSS & HTML elements provide soul and passion to your website. They help build a responsive design that works seamlessly for your website. What is more, the WordPress platform supports PHP, so use PHP to complete simple tasks that otherwise could be awfully hard  (aligning a logo, etc)

  • Image Optimisation

Images are one of the most important elements of a responsive design and website. While creating a responsive design for your company’s website, make sure to optimise all images as that will dramatically reduce bandwidth and scaling issues.

You can use many different kinds of images such as JPEG, GIF, and PNG-8 but try to avoid using PNGs as they can be quite problematic.

Add the code below to make your images responsive:

img {
max-width: 100%;
  • Mobile Friendly Themes

Without a doubt, responsive website design has become the essence of modern day website design and development.  Wordpress now offers a great variety  (some may argue an overabundance) of friendly themes, mostly customised to industries and sectors, making it much easier to find what you are looking for. They usually come at a minimal (if any) cost and can be easily customised to suit your requirements.

Last but not least, if you are also looking to transform your current website to a responsive design:

  • Never use absolute positioning if you are able not to
  • Avoid using excessive text as it can affect mobile versions
  • Structure your site correctly; otherwise, ‘div’ issues can make it quite complicated for you.
  • Use JavaScript/jQuery but only up to a limit.

Feel free to click here to arrange a FREE Consultancy meeting or Follow me on Facebook, Twitter, LinkedIn and Instagram .


To read more information, click here.