So you’ve built a great website for your clients and they’re happy to see its getting lots of good traffic. Now your client wants to know how to make the website moble

Depending on the CMS you used to build the website - WordPress or Drupal for example, be sure to setup a mobile browser plugin that renders your website smartphone and mobile friendly.

For anyone building a website from scratch - mobile browser detection is done in the same was as detecting say IE6. You only need to write a small script which detects the browser user-agent as a mobile and directs it to a webpage just for mobile.

It’s been common practice for a few years to actually redirect mobiles to a mobile friendly site like m.yourname.com or mobile.yourname.com or (hiss boo) wap.yourbrand.com, but CSS and scripts can do this better.

For a dynamic site with a CMS and blog it’s easier to load a separate set of CSS styles that renders the your website for narrow and small screen and at the same time you can use this to cut out all that flash stuff that doesn’t render on iPads or other iDevices.

Tags: CSS, Drupal, Mobile, WordPress

Read more from my blog for an introduction and quick tips on developing in Hugo or UCTD.

Meet the author

Photo for Damien Saunders
Damien Saunders
An experienced management consultant and business leader interested in digital transformation, product centred design and scaled agile. If I'm not writing about living with UCTD (an autoimmune disease), I'm probably listening to music, reading a book or learning more about wine.