[Thomas]

Love Tempera and have been able to debug any problems and even alter the theme slight to add custom wordpress hooks. However, when viewing my site on a mobile device after requesting desktop site the site homepage is fine but other pages (categories, single posts) get crushed. Requesting desktop site on a mobile device to replicate is required since my mobile theme and cache plugin work together to present the preferred mobile version everytime.

I know my mobile theme plugin and cache plugin aren’t the issue since the site presents nicely on regular desktop in any browser.

Help is appreciated.

[Thomas]

Kindly disregard my previous bug report. I discovered the issue was in fact my cache plugin which also handles CSS minification. FYI to others, if you use plugins that minify CSS such as WP Total Cache, you should not enable CSS minify since this causes issues with Temepera theme.

[Thomas]

Further research into this and here is what you need to do….

You can in fact use CSS minification but to keep Tempera behaving on mobile without getting crushed as in my above instance, your CSS minifier plugin must have a option to allow you to specify which CSS files to NOT minify. If it does, put the following in that option list….

http://YOURDOMAIN/wp-content/themes/tempera/styles/style-mobile.css

Replace YOURDOMAIN with your website domain. Then Tempera will behave as it was designed on different devices but you will also get the benefits of CSS minification of the other Tempera CSS files.

The style-mobile.css file is Tempera’s handling of responding to different devices. Though not a true mobile layout it still presents well. I personally use a mobile theme plugin on my site but also wish to allow visitors to see the desktop version.

This is for those that have advanced knowledge of web publishing and SEO.

[Author]

Posts