Menu icon Foundation
topbar toggle not working in mobile

I saw http://foundation.zurb.com/forum/posts/214-foundation-5-menutop-bar-toggle-not-working-in-small-screens but noticed that foundation 5.4.0 still doesn't fix the issue - or perhaps I have a different issue.

test page: http://number4design.com/DELETE/foundationMenuTest.html

when viewing this page on mobile device (iOS, at least), the MENU doesn't toggle open.
when viewing this page on a desktop browser at small width ( less than 640px), the MENU does toggle open/close just fine.

I troubleshot using the .js file from foundation.zurb.com as per http://foundation.zurb.com/forum/posts/214-foundation-5-menutop-bar-toggle-not-working-in-small-screens and that worked: the MENU toggled on mobile browsers. but other features (like a slideshow) stopped working.

so I'm wondering why...

I noticed that the 'custom download' feature on http://foundation.zurb.com/develop/download.html still notes
'Top-Bar is unavailable through the customizer while we are working on a compiling issue'

however, I ended up downloading foundation.js complete and still have the issue.

any thoughts?

top-bartopbartogglemobile

I saw http://foundation.zurb.com/forum/posts/214-foundation-5-menutop-bar-toggle-not-working-in-small-screens but noticed that foundation 5.4.0 still doesn't fix the issue - or perhaps I have a different issue.

test page: http://number4design.com/DELETE/foundationMenuTest.html

when viewing this page on mobile device (iOS, at least), the MENU doesn't toggle open.
when viewing this page on a desktop browser at small width ( less than 640px), the MENU does toggle open/close just fine.

I troubleshot using the .js file from foundation.zurb.com as per http://foundation.zurb.com/forum/posts/214-foundation-5-menutop-bar-toggle-not-working-in-small-screens and that worked: the MENU toggled on mobile browsers. but other features (like a slideshow) stopped working.

so I'm wondering why...

I noticed that the 'custom download' feature on http://foundation.zurb.com/develop/download.html still notes
'Top-Bar is unavailable through the customizer while we are working on a compiling issue'

however, I ended up downloading foundation.js complete and still have the issue.

any thoughts?

pirco about 5 years ago

while troubleshooting my code, I started from scratch using foundation's sample code for the toggle menu and now my page is working.
I think I was missing but that doesn't quite make sense.
I wish I had the time to figure out what was wrong.

Gary Steffins about 5 years ago

I'm not sure where to find the build version, but within a months time the previous v5 off-canvas toggle worked fine, latest download via codekit/compass was broken as I had it coded previously. Looking for discrepancies in the Docs I saw they added data-offcanvas where it used to just a class...