I haven’t announced it yet here, in the last week of May I launched the Tour Marketplace in Tripsiders.com. It is made from Drupal. The site was only designed so far for the desktop users so one of the thing that was on my todo list was to make it mobile friendly. Over the weekend, I finally had time to create the mobile theme. The experience was great and I want to share the thought process behind it.
Just like any project, I defined my requirements first. One important thing that I had to consider was to choose between using a different subdomain or use Media Queries instead. Media Queries has been the easiest option. I used Media Queries for tablets like iPad since I did not have to tweak it that much. The design is still the same, it just needed adjustment of the width and some padding.
As for the small mobile device, I was inspired by the simplicity of Sephora‘s mobile design. I cannot do it using media queries so I chose to use subdomain (m.tripsiders.com) for the mobile devices and use a different theme.
I checked for possible modules to use and below were on my list: Continue reading