I am trying to create a mobile friendly version of my website, to make my website responsive to a smaller screen size and scale accordingly.
I\'ve created some media
I just experienced the most bizarre thing after troubleshooting this same problem for a day. Something to try if all else fails...
My pages were perfectly responsive on my laptop during development but not on my iPhone, iPad or Samsung. I finally discovered I had to put a comment line after the DOCTYPE statement and before the html lang statement, like this:
Finally, my pages were responsive on the mobile devices. Weird!