Media queries not working on Iphone but fine on browser resize

Question

Hi Im currently using a Boilerplate theme called Bones on a WordPress but Im having problems making the responsive menu work on my Iphone. When I manually resize the menu seems to work

the media query im using is

@media only screen and (min-width: 960px) {

the site im trying to get to work is here:link

Any help would be much appreciated as I have gone to the theme writer and he hasn't responded in days

Answer 1

have you used the meta viewport object? Put this in the head of your document

<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />