Anyways, i wish to disable the custom header (that i added to my discourse forum) on mobile sites. And replace it with another header that i will make for the mobile version of the forum.
What will be the best way to do that?
This where im confused, I did add a totally separate navigation menu there. With its own Mobile CSS. Im also positive that it was enabled, yet when i visit my site from mobile; I still see the old one. The one that it is loading for the desktop site,
Okay, so When i set mobile_view to 1, the css for the mobile site loads properly. However, when i simply enter forum.apexinvesting.com from a mobile device; the website is still treated as a desktop device. What might be causing that?
X-Cache: Miss from cloudfront
Via: 1.1 20497c05bf77243afb14729ba45880ed.cloudfront.net (CloudFront)
This indicates to me you are using a CDN (CloudFront) between your server and the users, it is quite possible this is causing an issue. Perhaps with browser / “User Agent” detection, it might be being stripped by CloudFront.
To prove this is the case, add your domain / origin IP to your local hosts file to by pass CloudFront to test.
(this assumes mobile detection is done this way by Discourse, not 100% positive it is).