shannonturner
commented
10 years ago In production, I pulled the Zurb Foundation CSS mistakenly from their site without making important edits that causes the navigation bar to disappear and the framework to be less responsive.
If you pulled directly from this repo, you will not be affected by this problem!
But if you do run into the same error, check to see whether line 2814 of css/foundation.css has this: @media only screen and (min-width: 1em) {
If the minimum width is in the neighborhood of 58.75em, that's too large of a minimum breakpoint and you'll see things disappear and not be as responsive on smaller screens.
Bottom line: the repo is fine and there is no bug in the repo. There was a bug in my personal production copy, but no longer.
Currently, on the desktop browsers, the navigation bar displays fine.
But on smaller screens, the navigation bar disappears - the bar remains, but all of the options disappear.
Shrinking the screen to approach the 'vanishing point,' I notice that the navigation bar wraps around to accommodate the search bar, and eventually disappears. The vanishing point seems to be ~ 915 pixels wide.
Normal, ~1422 (1440 resolution):
925 pixels, search bar wraps around:
914 pixels, navigation bar disappears: