Posted 12 October 2012 - 12:01 PM
I'm using quite a large margin on the left side of my website to provide for better focus to the eyes. But on a mobile device this defeats the purpose because it takes up too much valuable browser space.
To fix this I've installed the Browser Specific CSS plugin and written different code for .desktop and .mobile like this:
This works perfectly well for all pages on iPhone except for the static homepage where I use a masthead and anything-boxes as only content.
The page has a fullwidth layout but whatever I change in fullwidth CSS it doesn't change.
I thought maybe I have a override for that specific page but that doesn't seem to be the case.
Really weird is it that it does work on the English homepage but not on the Dutch.
Could this be a bug in the plugin? Or am I overlooking something?
Posted 12 October 2012 - 02:16 PM
Posted 12 October 2012 - 04:58 PM
Posted 13 October 2012 - 08:48 PM
Thanks a lot, that pointed me in the right direction. It indeed pre-creates cache pages for quick access, but it didn't distinguish between creating them for mobile and desktop. Thanks again!
Posted 13 October 2012 - 09:09 PM
You can create User Agent Groups in W3 Total Cache. If you activate the preinstalled 'High' group and point it to the Pagelines Framework Base theme. You can still use Cache Preload under Page Cache but now it creates another cached version specifically for that user group. This solved my problem mentioned above.
Posted 13 October 2012 - 10:29 PM