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.

Robert Sneed about 3 years ago

This is really strange. If I look simulate the site in mobile in Google the level 2 drop down navs. don't show.

If I do the same thing in mobile in Firefox the nav. works as it should with the has-dropdown class added to the li tag.

I still can't get the subnavs to work on an actual phone.

 

Thanks,

Robert

Robert Sneed over 3 years ago

 Hi Rafi,

  Do you know if there is solution for Foundation 4?

I've looked at the code further and found that .has-dropdown isn't being applied to the li. I'm still not sure hot to get the class added to the li.

http://www.esabna.com/us/en/index.cfm

 

Thanks,

Robert

Rafi Benkual over 4 years ago

There are two places to change the top=bar breakpoint. On is for the CSS and the other for the toggle function - http://foundation.zurb.com/forum/posts/1053-changing-topbar-breakpoint-using-css