Some of you might have came across a scenario like this. Your site may be responsive in browser but it will not be responsive a mobile devices. The website will behave as responsive when you minimize your desktop browsers. Why this happens? This is because you are missing some meta tag in the head. In order to clear this issue
, add the following code in your head tag.
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes">After adding the tag try again. This will work fine.