Menu icon Foundation
Top-bar submenu is not working in mobile view

Hi,

I've been using foundation in a couple of projects, but never encountered this problem. The submenu is not opening in mobile view, but it works on browser view. I tried including the topbar.js file after the foundation.min.js file but still not working.

You can check in this page https://www.kimonoboy.com/about_us_testpage.html.

The only modification I did was to the foundation.css file, I changed the breakpoint to be 60 em instead of the 40... em. I checked the code in the foundation docs and I noticed it adds a class "moved" to the parent "li" tag of the submenu and in my page is not doing that, it was working fine a day ago but today it is not working.

I hope someone can help, thanks in advanced.

top-barsubmenumenunot working

Hi,

I've been using foundation in a couple of projects, but never encountered this problem. The submenu is not opening in mobile view, but it works on browser view. I tried including the topbar.js file after the foundation.min.js file but still not working.

You can check in this page https://www.kimonoboy.com/about_us_testpage.html.

The only modification I did was to the foundation.css file, I changed the breakpoint to be 60 em instead of the 40... em. I checked the code in the foundation docs and I noticed it adds a class "moved" to the parent "li" tag of the submenu and in my page is not doing that, it was working fine a day ago but today it is not working.

I hope someone can help, thanks in advanced.

Rafi Benkual almost 4 years ago

Looks like you got this figured out - see that it's working now. Usually when the breakpoint is changed, there are two spots to change it. One for the CSS and one for the JS triggers.