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

CSS Framework Basics What's New in Foundation 5 Off Canvas Navigation

Dean Conway
Dean Conway
3,301 Points

Can a custom built full screen navigation overlay be achieved inside a foundation build?

Hi,

I want to know if I would be able to build a custom style navigation system of my own but still within the foundation framework? So rather than be forced into choosing between a top down or off-canvas pattern, the navigation system I wanted to implement was the full screen modal overlay navigation pattern, an example of this in action can be seen on this website http://agigen.se/

My theory was to link the trigger points of the "top-nav" bar with the IDs trigger of the modal js component? and have them work together with my navigation links housed inside the modal window, as demonstrated in the example.