Problems with Bourbon/Neat on mobile?

I recently installed bourbon/neat/bitters/refills in a rails app to experiment with it. In the browser it is working beautifully, and was very easy to implement refills like centered nav, etc. Resizing browser to different widths displays different breakpoint layouts, eventually displaying one column layout. However, on actual mobile safari on iphone, it’s displaying the largest breakpoint layout (I believe “large-screen”). I’m not yet doing any additional sass or anything, just trying to display some refills “out of the box” so far.

Apologies in advance if this is a dumb question… anybody else run into this, steps to resolve?

Thanks,
Josh

Hi Josh,

You probably forgot to set the viewport in app/views/layouts/application.html.erb:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

greetings,

Anthony

Anthony, thanks so much! Very much appreciated, that fixed it.

Josh

Hi Josh,

glad I could help.

greetings,

Anthony