My Bootstrap nav conundrum: Does anyone who has used a bootstrap nav in BC had this issue...

Question

My Bootstrap nav conundrum: Does anyone who has used a bootstrap nav in BC had this issue or know the fix: If you look at any page on http://www.aerotype.com, the first two clicks on almost any part of the page (like the rotator image left or right arrow) cause the page to jump, and you open the inspector on the top nav area and look at the div with the class="navbar-collapse collapse navbar-right navbar-ex1-collapse" you'll see that an additional class, .in, is added and .collapse is removed on the first click, and a style="height: auto;" is added, then on the second click it's changed to style="height: 0;"... I can't figure our what is causing 'in' to be added to the class (or .collapse removed), what it's for, or how to change it, if that is the issue... the his doesn't happen when the class: navbar-collapse is removed, so I think is has something to do with that but of course the collapse doesn't function without it. If anyone can enlighten me on what is going on I would Greatly appreciate it.

Answer 1

You have this click function on the top'ish part of your site.js that is causing this issue!
// collapse navbar in phone mode on click $(document).on('click',function(){ $('.navbar-collapse').collapse('hide'); }) // end collapse navbar in phone mode on click
Your are better off just deleting it (the click function) as it is not doing what the code comment says it does.