This has a built in media query that works in the browser when pinched to 320px.
On the iPhone it doesn't seem to wok. The contents are supposed to be centered with a 10px margin on both sides.
Yep, that gave it the smaller margin I wanted on 320px wide, but it's odd how the page moves around horizontally when you move your finger around. Is this normal for media queried websites on t he iPhone? ty
Nope, that's not normal. What your website has is a problem (or bug, or feature) with using margins like you do on nav id="access", you can try positioning that element without using negative margins.
Edit: That alone didn't seem to fix it, change #masonry-index width from 105% to 100% in style.css line 701 :)
Your text to link here...
This has a built in media query that works in the browser when pinched to 320px. On the iPhone it doesn't seem to wok. The contents are supposed to be centered with a 10px margin on both sides.
On laptop at 320px wide, 20px margin. Same on iPhone.
You miss the closing
}of the previous MQ at line 1455:/* END max-width : 719px */, think that should fix it :)Yep, that gave it the smaller margin I wanted on 320px wide, but it's odd how the page moves around horizontally when you move your finger around. Is this normal for media queried websites on t he iPhone? ty
Nope, that's not normal. What your website has is a problem (or bug, or feature) with using margins like you do on
nav id="access", you can try positioning that element without using negative margins.Edit: That alone didn't seem to fix it, change
#masonry-indexwidth from 105% to 100% in style.css line 701 :)