Hi Ian,

I belive you understand that our component of such easy to implement funcionality is not a problem here. If you check many sites made with our top and side navigations you will see that this can be implemented properly. In your case I can tell that your implementation of this mdb element is correct if this is only code you are using to work with this .button-collapse. However your project might work differently because of other implementations I can not check. Please understand that this is not mdb's fault that this single example of your development might have problem with our libraries.

But in your case maybe trigger click on this button after sidebar is hidden? It should solve this weird behaviour of sidebar.

Best Regards, Piotr

Piotr,

I have reduced the libraries being loaded to the default mdbootstrap requirements and the script (app.js).

The code below is only reference once, after using the sidenav button once, it now requires two clicks.

// SideNav Button Initialization $(".button-collapse").sideNav({ edge: 'left', // Choose the horizontal origin closeOnClick: true / });

Hi Ian,

A problem like this occurs when you initialize sidebar twice. Try to check and be sure you don't do this in your code. In the example you provided I can not find a problem with our package because you are using a lot of different scripts. I cannot check every interaction between them. If you want me to check your implementation of our component, please copy your html code to our snippet

Best Regards, Piotr