I am trying to convert my formerly not mobile friendly website to a mobile friendly one using Canvas and a lot of Pootlepress Extensions. I am making progress on an iPad but still have changes to make. My main problem is that the website will NOT display at all on an iPhone screen and I am baffled as to why. The website is http://www.industrialvalvespecialists.co.uk Have you any ideas why this would be happening? Second question what is the best way to handle sidebars on the desktop which then dissappear when viewing on a mobile – even the iPad in portrait format. The website is set to 1080 pixels wide has 2 sidebars and 2 footer widgets
1) Check you are using the latest version of Canvas and WooFramework
2) Make sure your logo is uploaded to logo (not header background image)
3) You sidebars should automatically stack with Canvas – although you could turn these off with some css
I have checked for latest versions of canvas and framework and these are ok. I did have to change the logo image to logo from the image background which sorted some display issues on the iPad – now sorted so thanks for that and sidebars roll as you said but the site will still not display on the iPhone at all. I have tried successfully to display on desktop and shrink manually
Any other suggestions?