We've been looking at a lot of options for responsiveness. All have their avantages - and draw-backs, but it is clear to me that jquery mobile is probably the way to go, because it negates the need to have a completely new template - AND it is a lot more "efficient" in terms of page-speed on mobile devices.
The main challenge with a "responsive" template is that they are CSS and JS "hungry", as this code does a hell of a lot of hiding and re-shaping of page elements. This can seriously affect page-speed - which is now one of Google's main evaluation criteria.
We're also looking at NUMINIX's "tableau" template, where minification and cache features compensate for heavy CSS and JS.
As with all templates, you will need to tweak the CSS for margins, padding and line-height in order to satisfy Google's need to have sufficient space between clickable elements.
There is no "one-size-fits-all" (yet).
While there may be a preference to finding "free" resources, we take the view that we are running a commercial operation, and a poorly-functioning site affects revenue. We look at what we are LOSING, rather than what a commercial module is COSTING - and when you take this view - and do some numbers, spending a few pounds on a good commercial module/template/solution is the best route (in a business sense).
What if you were running a transport company, and 5 out of 6 of your trucks were inoperable because the tyres are flat?
Do you skimp and keep applying cheap n nasty puncture repair patches (which fail frequently and result in more down-time), or do you just go buy new tyres? Without an efficient truck, you're not going to transport anything, and your customers will just go find a company who has trucks that work.




