mobile viewport is smaller than in mocks

[nicolettehayes]

Across the board in mobile we have some problems born from me leaving browser paraphernalia out of my calculations of the screen size (I was assuming 548px, it looks like the current site assumes 440px).

Is it possible to maintain the aspect ratio/dimensions of the mock, and just let them bleed over?

So instead of this:

We would see this:

And then this on scroll:

Here is a to-scale PNG of the whole homepage using this logic (I got rid of the intermediate "CALIPARKS" header because it's redundant):

And the activities pages

And the park page

[sconnelley]

@nicolettehayes --> so you would like to turn off full-page scrolling for mobile?

[nicolettehayes]

yes! I thought it already was? But yes!

[ebrelsford]

I have a fix for this (mostly making the header and image carousel larger on the home page) once stamen/react-fullpage#1 is merged.

[ebrelsford]

@nicolettehayes I've made some changes that are on staging, mind checking that they are along the lines you were thinking when you get a chance?

[nicolettehayes]

This is so great! Much, much better mobile experience for my tiny phone.

The only thing that stands out to me as unexpected, is how small the maps still appear on the Discover and Explore pages. Could we make them match the sizing of the park page map?

So this map:

Would have the same dimensions as this map: