Bootstrap menu stays open when in collapsed mode [SOLVED] - View the solution

[pgielen]

Bootstrap menu stays open when in collapsed mode

by pgielen » Fri Oct 21, 2016 8:17 am

When used on the phone or any small screen, the bootstrap menu made with the Kolor bootstrap menu template + plugin does not work properly. On a big screen, when you select a menu item, a new pano is loaded and the menu closes. When in collapsed mode, if I select a menu item, a new pano is loaded but the menu stays open. I have to click the square in the top right hand corner in order to close the menu.

See the example in http://virtualtours.nl/panorama/regio/ and reduce the screen size until the menu collapses to a small square. Then select a pano in the menu. The menu stays open.

That is of course not the way that it should work. Is this a known issue? Is there a simple solution?

I am using Panotour Pro 2.5.5

Pierre

[oblanc]

Re: Bootstrap menu stays open when in collapsed mode  [SOLVED]

by oblanc » Fri Oct 21, 2016 1:13 pm

Hello,
just add the following code in the template html file Bootstrap_Hierarchical_Top_Navbar_2014_12.html
Just befor the </body> tag

Code: Select all

<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery('.navbar li.dropdown li a').on('click',function(){
            jQuery('.navbar button[data-toggle]').click();
        });
    });
</script>

[pgielen]

Re: Bootstrap menu stays open when in collapsed mode

by pgielen » Sat Oct 22, 2016 1:07 pm

Yes, it works now! Thanks!