The website has been designed with two themes(WordPress), one for desktop and one for the mobile, we are using the plugin to detect the mobile device and then redirect the mobile users to the optimized mobile theme, hence, the URLs are exactly the same between desktop and the mobile phones.
However, some of the pages if visited on desktop, it shows the mobile theme, and if on the mobile phone, the theme still shows the desktop version.
I tried to set the browser cache ttl to respect the existing header and purge the whole cache, it works like a charm, but after some while, the page still redirects to the mobile theme, and then I tried to create the page rules to bypass the cache for the plugin folder. It seems still doesn’t work.
So what should I do to get rid of this issue? Thank you for your help.
My page rules:
Cahce Everything for the whole website and Origin Cache Control is On.