Bootstrap collapse menu problem

[yderindere]

Hi Mark,

Thanks for the plugin. it's awesome but I've a problem. I've used with bootstrap and collapse menu not working at top. When I scroll down, collapse menu works.
Check it out http://demo.themecube.net/zakat/

Thanks in advance

[denistsoi]

Your question is more of a bootstrap problem.

I believe that the bootstrap frame work is searching for the first instance of "navbar-collapse" and editing the height of the "navbar-collapse" whenever you click on the "navbar-toggle".

[found by inspecting your html code view web inspector]. You'll have to edit your Front-end js code to account for the headhesive cloned menu (and is not necessarily a bug within Headhesive).

[markgoodyear]

Hey @yderindere, this is more a Bootstrap problem as @denistsoi mentions. The way the Boostrap data attributes look to work is that it only opens up one of the menu's. As Headhesive.js clones the header, there are two to open up.

A way to solve this is to not use the data attributes for the collapse, and use the JS implementation instead. I've created a JSFiddle of this in action here: http://jsfiddle.net/2vzwg373/1/. Both menu's are toggled with this method :).

Cheers,
Mark

[yderindere]

Hi Mark,

Thank you so much ;)