Responsive nav does not dropdown

[funhyun]

Hi there! I am a total newbie and setting up my first BC site. I hope to contribute to the community in the future as I get better at using BC.

My site is my portfolio site. I have developed the site using Foundation 5 Framework. Where I am stuck at the moment is the responsive primary navigation portion. When you resize the browser window to the mobile size, the collapsed dropdownn menu does not open up when tapped.

Here is the link to my BC test page: http://lee0-jun22012.businesscatalyst.com/

As you can see by this link, http://iplaysite.com/projects/lab the dropdown works at the mobile level.

Any help why BC is interpreting my html/css code differently would be greatly appreciated! Thanks!

[funhyun]

I think I see what BC is doing. For some reason when I update the template file, a code gets removed in my html code.

For example:

In the html line 48, it becomes : <nav class="top-bar"> after I press update button in the template edit page.

It should be:  <nav class="top-bar" data-topbar>

Why is BC removing "data-topbar" ? Can someone from BC team respond please? thanks.

[funhyun · Accepted solution]

Ok, I found the problem. In the develop mode panel, none of the code will be removed.

[Liam Dilley]

Also data-topbar is not actually valid, it has no value

data-topbar="something" is a proper data attribute use case.

[funhyun]

It is a Foundation 5 variable. The code makes the drop down happen on tap in the mobile size believe it or not.

🙂