Foundry Mobile Break Points Help

Hi there - I’m having issues with newer mobile phone not displaying columns correctly. It seems that the screen on the new iPhone for instance is wider than the simulation within RapidWeaver and actually displays badly.

I’ve found that the mobile screen seems to swap at 400px wide but I imagine these newer mobiles are wider and so content isn’t doing what it should.

I’m getting something like this image. Is there way to fix this based on the URL http://www.hunnaball.co.uk/branches/colchester-branch/

Thanks

It looks like you have 60px of left padding and 60px of right padding set up in your stacks column. You could use a margin stack to set different margins based on screen size. (I know there are other ways but not at my RW comp and am still a relative novice in Foundry)

1 Like