<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
I got rid of this scaling restrictions and my site is zoomable now.
May I kindly ask why this line is even there???? Not being able to zoom in the pages on a tiny-mini mobile screen is extremely user unfriendly, some people have poor vision, this is a HUGE turn-off for a site.