Written by Giles Bennett
Responsive site – making your site mobile friendly
One of the most common questions we get asked is “How do I make my Magento site mobile-friendly?”. In web developer circles this is called making a site responsive. A responsive site is one on which the elements on the page respond to the screen width of the device it's being viewed on. Let’s take a look at an example.
Here you see a Magento e-commerce site we designed and built for a client after their previous website had attracted criticism due to slow page load times. They came to us with the common request of "make our Magento shop faster, please!” - so whilst improving the loading time of their site, we killed two birds with one stone by converting the website to a responsive design.
As you can see from the screenshot above, when viewed on a laptop or desktop device, there is plenty of space to display content, but when viewing the same page in a mobile browser, the page isn't particularly finger friendly!

About the author
Giles Bennett built his first website in 1996, and is old enough to miss Netscape Navigator. Initially a lawyer, he jumped ship to IT in 2008, and after 5 years as a freelancer, he founded HummingbirdUK in 2013. He can be reached by email at giles@hummingbirduk.com.