I am in the process of using Foundation to create a website, and I have come across a problem that I can’t seem to find the solution too. I have noticed that when expanded, some of my drop-downs get cut off in the Mobile Version of the Top Bar, and I was wondering if anyone had come across this issue, or had a fix for it. Did I do something in the CSS that made the JS no longer count all of the elements correctly?
You can see what I am saying here.
http://www2.100foldstudio.org
Figured out that if I add a List Item at the end of the main top bar section in “mobile” mode, and added a clearfix class to it, the js kicked in and started calculating the height correctly.
Thanks guys,