Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Development Tools

Posted by mm4
mm4
8,600 Points

Foundation topbar automatically displaying everything when resized past breakpoint - what?!

Hi all,

I'm trying Foundation for the first time and boy, has it been a real pain so far. I've been trying to get my topbar to load properly at different screen widths. I set my breakpoint at 52em and everything above mobile navigation looks fine. However, when I reach the breakpoint, the menu automatically displays and when I click the menu icon, nothing happens. I think something's funky with the JS but I didn't even touch it. Can playing around with the CSS mess up the toggle functions?

Also just noticed a new bug: beneath 52em, when the topbar auto displays, it doesn't hide the stuff on the page. Instead, everything looks layered together. z-indices don't seem to work. --> UPDATE: putting <div class='fixed top-bar-container'></div> around the nav seems to fix this. But I'm still having trouble with the above problem...