Can't scroll down on pages that are too long to fit on screen.

[mroberge]

The navbars are set in position: absolute; you can't scroll down to see the text content on narrow screens. Change the navbars to position: fixed. This allows scroll, but it will break the carousel buttons, so these need to be taken out of the bootstrap system and replaced with knockout controls. Also, padding needs to be added to body to prevent overlap with navbars.

[mroberge]

Actually, I think the problem is as simple as Bootstrap disables the overflow for some reason. By setting overflow: auto, you can have it make scroll bars when necessary. Unfortunately, right now this seems to add scroll bars UNnecessarily, but at least I'm on the right track...

  .carousel-inner {
    overflow: auto;
  }

[mroberge]

options include: visible, hidden, scroll, auto, inherit
also,
overflow-x:
and
overflow-y

[mroberge]

You only need vertical scrollbars, and they are only needed on the legend, the stats page, and the explanation page.

[mroberge]

Fixed! I created a .v-scroll class that adds a y scroll bar on overflow using this code:

  .v-scroll{
    overflow-y: auto;
  }