Caching plugins by default will return the desktop version of a site, even on a mobile version, unless you disable caching for mobile devices.

The information that the WP Touch plugin provides at https://support.wptouch.com/support/solutions/articles/5000537668-configuring-cache-plugins-for-wptouch is also relevant here, added below for convenience:

  1. Enable Mobile device support.
    In the Advanced tab of the WP Super Cache settings select “Mobile Device Support”* and click “Update Status”.
  2. Exclude mobile user agents.
    Still in the Advanced tab, scroll down to the “Rejected User Agents” area. Paste the entire list of mobile user agents found below into the field and click “Save UA Strings”.

    iPhone
    iPod
    Android
    BB10
    BlackBerry
    webOS
    IEMobile/7.0
    IEMobile/9.0
    IEMobile/10.0
    MSIE 10.0
    iPad
    PlayBook
    Xoom
    P160U
    SCH-I800
    Nexus 7
    Touch

    Please note: If you have added support for additional mobile devices in WPtouch Pro’s Compatibility > Custom User Agents field, you must also include those user agents in the “Rejected User Agents” area in WP Super Cache.

  3. In the “Contents” tab, click “Delete Cache”  and “Delete Expired” to delete pages that were likely cached before adding the new list of rejected user agents.
  • Enabling “Mobile Device Support” alone seems to cache and serve mobile page separately to mobile devices. If you are seeing issues where mobile pages are being shown in your desktop browser or vice-versa, please apply all the settings outlined above.
  • If you’ve configured WP Super Cache and caching issues persist, try manually removing all cached files from your server via FTP.
Tagged with:
 

One Response to Working with WP Super Cache and Mobile Smart Pro

  1. Thanks for sharing these steps, they were easy to follow and had good detail!

Leave a Reply

Your email address will not be published. Required fields are marked *

Mobile Smart Pro

So much more:
  • Domain switching: redirect users to m.yoursite.com or switch theme when user arrives at m.yoursite.com (requires you to change some DNS settings)
  • Mobile Pages: mobile-specific content on the same edit screen as your main content
  • Mobile Menus: set up mobile-specific menus for simpler navigation
  • Mobile Plugins: disable selected plugins on a mobile site for speed and reduced functionality
  • Mobile Widgets: control which widgets are shown on your mobile site
  • Mobile Shortcodes: display content selectively for mobile, tablet, and desktop
Find out more »

Developer tools

Making life easier for mobile site developers:
  • Template functions: to help determine which tier of mobile device (touch/smartphone/other) is viewing your site, to allow conditional content inclusion.
  • CSS Selection: Adds device and tier specific CSS selectors to the body_class, to allow conditional CSS (e.g. so in the same way you have “.single” that you can target “.iphone” or “.mobile-tier-touch”.)
  • Boilerplate mobile theme: barebones theme to enable developers to create their own theme.

Features

  • Switch themes: Switch your theme to a mobile-ready theme if a mobile device is detected (all major devices supported)
  • Tablet or not: Choose whether to switch theme when viewing site with an iPad, Nexus 7 and other tablets.
  • "View full version of this site": allow your user to manually switch between desktop and mobile versions. Available in 3 versions: widget, option to automatically insert into footer, or template tag.
  • Simple image transcoding
Set your Twitter account name in your settings to use the TwitterBar Section.