Question

using this meta tag , as i understand supposed to make the site layout fit itself to a mobile screen width and allow vertical scroll only,

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

for some reason it is not performing as expected on my site http://www.nikib.co.il/
and im getting a weird behavior

Also tries using

    <meta name="viewport" content="width=device-width" />

But still im not getting the expected results… can anyone think of a reason what am i doing wrong here ?

Answer 1

your viewport seems to be correct. your CSS isn’t. to have the expected behavior you need to adjust your site-width to a maximum of 100% not a fixed pixel-width.

That results in a full code review and partly rebuild of your sites css (and html).