How To Make Your WordPress Mobile Theme Compatible With W3 Total Cache

Believe it or not w3 Total Cache is the best caching plug-in around. It has all the necessary features to fully optimize any WordPress blog or website. W3TC can speed up any slow blog and it is so powerful that it can crash your blog if you do not configure it properly. As awesome as W3TC is, it is not compatible with most plug-ins especially when you turn on the minify mode but the thing is, we are not talking about compatibility issues or are we?

mobile-theme-with-w3tc

If you’re using mobile theme to serve your mobile users, you will notice that sometimes it shows your desktop view to your mobile users and sometime it shows your mobile view to your desktop users. Enstine commented about the same issue at one of my blog post and here’s how he put it…

muki-comment-on-the-issue

Yes, i was having that same problem till i found a way to correct the issue. That problem is simply a caching problem and today, we are going to learn the simple way of correcting it and putting our blog back to normal.

Making Your WordPress Mobile Themes Compatible With W3TC

To make your mobile theme compatible, follow these simple steps below…

First off, go to your WordPress dashboard and click “Performance” – it is located by the left hand side of your dashboard.

Now click “User Agent Groups” to take you to that pane [see image]

w3tc

Now in the “User Agent Groups” area, we are going to enable everything we see there. So in “Group name 1: high” click “Enabled

Scroll down and Enable “Group name 2: low” as well.

Have you done all that? Now click “Save all settings

We have finished the round one of the post now let’s head over to the part two, shall we?

Now open a notepad and copy all the user agents you see there to the notepad

Have you done that? Now by the left, click “Page cache

Scroll down to “Rejected user agents” and paste all the user agents you copied earlier.

Have you done that? Now click the “Save all settings” and you’re completely done.

The process is very simple right? Now you won’t have the problem of your mobile view showing as your desktop view or your desktop view showing as your mobile view. You can sleep comfortably knowing your site is well optimized :).

Back to you

Do you have questions you’d love to ask regarding the topic at hand? Then please do drop them by using the comment box below and I will get back to your comment ASAP.

Do you have comments and thoughts you’d love to share with us? You can also use the comment box below. Remember that your comments, questions and thoughts are highly welcomed and much appreciated.

Was the post useful? Then do click the like button, share us and recommend us to friends because you will never know who among your friends might be in need of a post like this. Do not forget to subscribe to our feed for your latest updates on the go…

35 thoughts on “How To Make Your WordPress Mobile Theme Compatible With W3 Total Cache”

  1. Hi Babanature,

    I never have this problem before though but thanks for making this post. It’s a great learning source to develop my technical skills about wordpress. Thanks my friend. Have a great weekend

    Reply
    • Hello Okto,
      Really? Are you using any mobile theme plugin and w3tc? Well this might be of help to your clients or blogging buddies, when they encounter issues like this…
      Thanks for for stopping by and dropping your valuable comment. Do have a wonderful week end…

      Reply
    • Hello Kingsley,
      This would definitely work for you. You can call the method the finishing tutorial on how to configure your w3 total cache 🙂
      Thanks for stopping by and do have a wonderful week end…

      Reply
  2. Hi Babanature,

    Nicely explained tutorial yet again 🙂

    I haven’t faced this problem because I don’t have a mobile theme as such, but the responsive one, and so far there are no issues with W3 Total Cache. Nevertheless, I think those who are using it, would find this tutorial very helpful.

    Thanks for sharing. Have a nice week ahead 🙂

    Reply
    • Hello Harleena,
      Thanks for the kind words 😉
      Yeah, you are using a responsive theme at the moment, but i am certain that you will need it when you decide to jump in to a mobile theme wagon 🙂
      Thanks for your valuable comment dear friend. Do have a perfect week end…

      Reply
  3. Thanks a lot for this. I actually deleted my W3 Total Cache Plugin, because of this issue, I never knew it had a solution. The good thing is although I may not re-install the plugin on my blog this knowledge would be useful when designing client blogs.

    Once again thanks Babanature…

    Reply
  4. Hey Babanature,

    I’m sure this is good to know for most mobile users, especially if they are using this caching plugin.

    I don’t really reads blog posts via my cellphone though and I’m not using a caching plugin so I don’t believe I’m having this issue. Just one more darn thing to worry about right! So much stuff to think about..

    I appreciate you sharing this though, good to know for future reference.

    ~Adrienne

    Reply
    • Hello Adrienne,

      This post is indeed helpful for bloggers using mobile themes and as well as W3tc
      Yeah, if you are not using any caching plugin on your blog, you wont have this issue :).
      Hope it might be useful to you in thee near future 🙂

      Thanks for stopping by and dropping your valuable comment. Do have a wonderful weekend start…

      Reply
  5. So, that’s what it was about!

    I have noticed a few blogs displaying mobile theme on my laptop. I simply thought it might be a mistake with my browser or something. Well, now I know.

    I don’t plan to use W3 Cache, at least not at first. I am going to try and maintain the speed without the help of any cache plugins (let’s see how that goes).

    Anyways, thanks for the tip, Babanature 🙂 Hope you are having a wonderful week!

    Reply
    • Hello Jeevan,
      Yeah, the problem is from the cache plugins we bloggers use to reduce our blog load time. and once the cache is also enable on our mobile users, it causes conflict with both themes… and that’s where this tutorial comes in 🙂
      No matter what, once you start getting serious traffic, you will need a caching plugin to help speed up your blog.

      Thanks for stopping by and dropping your valuable comment. Do have a great weekend start as i also intend to do 🙂

      Reply
  6. Howdy Bro,

    I love your tutorial, should definitely help a lot of persons having this issue, I have seen this severally in some blogs I visit including business success guide.

    I never had to worry over this though, since I have got that part covered. Do have a splendid day bro.

    Reply
    • Hello Obasi,
      Yeah, many bloggers are indeed having this issue and it looks very unprofessional, but hey mistakes happens right? This process will definitely help them to counter the problem once and for all.

      Thanks for stopping by and dropping your valuable comment. do have a peaceful weekend

      Reply
  7. Hi Baba !
    You’ve explained and clarified the issue very well . I have seen a few blogs display their mobile version of website on the desktop browser . By writing the awesome tutorial , you’ve helped a lot of web-masters facing this issue . Thanks for sharing the tutorial with us .

    Reply
    • Hello Pramod,
      It is indeed good to hear that. This post need to get to them so they can learn how to counter the problem.
      Thanks for stopping by and dropping your wonderful comment. do have a great weekend…

      Reply
  8. Great pot Babanature,
    I have not yet faced any issues with W3 Total Cache as I don’t have a mobile theme activated on my blog. I use a responsive one so there haven’t been any issues so far with the plugin.
    However a really great tutorial mate 🙂

    Reply
    • Hello Arbaz,
      Yeah for those using responsive theme don’t face such issue. but when you decide to get add a mobile theme to your blog, i am 100% sure you’re going to need this post to prevent your self from that caching problem.
      Thanks for stopping by and dropping your valuable comment. do have a wonderful weekend…

      Reply
  9. Nice tutorial Babanature,

    I remember I had to pass through the eye of a needle to prevent W3T cache from conflicting with mobilepress. You make it so simple and fun to read 🙂

    Have a nice day friend..

    Reply
    • Hello Adithya,
      We all can agree to that :).
      The minify mode do make some plugin malfunction is you activate it, but i guess we’ve found how to go around it right?
      Thanks for the comment and do have a wonderful week ahead…

      Reply
  10. Very nice tutorial Babanature.
    this is the first time i’ve visited your blog.
    I think your tips can help a lot of users who’s facing this problem, i found many blog mentioned about this issue but i think you have the best solution so far.
    thanks for your valuable information.

    Stephan

    Reply
  11. Awesome tutorial! Making blog/website compatible with mobiles are really important now a days. And i’m not using w3 total cache as it had few issues with it in the past.

    thanks

    Reply
  12. Hello Rahul,
    W3 total cache have advanced their game and i’ll definitely recommend them to any blogger 🙂
    Thanks for stopping by and dropping your comment. Do have a lovely week start 🙂

    Reply
  13. Babanature.. Thanks like God bless you for this!!! feel like kissing you right now buh am sure not your wife. Please tell her to do so on my behalf.. You rock boss 😀

    Thanks for this 😀

    Reply
  14. This is great tutorial for all the newbies and specially people like me who are often harassed by the cache cookies not allowing us to have the thing we want.

    Reply
  15. Hi Babanature,

    such a nice and short post about w3 total cache.

    By the way I think using wp rocket make it easier to do all the things that you have described in to your post.

    wp rocket plugin make the website page speed very fast also and it also clears the cache.

    Reply
    • Hello Gaurav,

      I haven’t tried Wp rocket before… I haven’t been using W3 Total Cache because of its simplicity.
      If you say the WP Rocket is as good as you say it is, then rock on brother 😉

      Thanks for stopping by and dropping your thought…

      Do have a wonderful week ahead…

      Reply
  16. great article but, the downsides is that the mobile theme will not be cached, is it possible to cache the mobilepress theme while maintaining the compatibility?

    Reply

Leave a Reply to Harleena Singh Cancel reply