With a bit of help from some friends, I’ve now had the site tested on a couple of real mobile devices, with pretty positive feedback. The exception however was the button styling. The image below shows the button on the main (non-mobile) site, then the button on the mobile site, and finally the button as displayed on an iPod:
My first thought was that somehow, the image from the main site was being superimposed on the coloured background from the mobile site. But it wasn’t anywhere in the css. Very puzzling. I finally twigged that it isn’t the main site background image, it’s the default input button used by Mobile Safari unless explicitly removed. Applying this css got rid of it:
input{-webkit-appearance:none;}
Needless to say, this problem didn’t show up in any emulator I used….
Next step I think will be to launch this and invite comments from users. Should be interesting.
Glad someone is reading all this!
I did mean the store, but I’ll share the theme and summarise the changes made here as well if people would find it useful
When you say launch do you mean your mobile store or as an extension you would be willing to share with other opencart users?
Thanks for sharing!