html – Make the sidebar collapse linear and avoid vertical misalignments


I have implemented a sidebar and the collapse function (for minimizing the sidebar) works quite okay, but whenever I click on ‘collapse’ again to maximize the sidebar, the elements inside the sidebar are misaligned during few milliseconds and the logo text appears above the body. Please see the images below

enter image description here
enter image description here

How could I make it smoother and avoid the misalignments? It should be something linear without any vertical changes.

I’ve tried so many things but it was impossible for me to make it work.

JS FIDDLE LIVE DEMO



Source link

Latest articles

Related articles

Leave a reply

Please enter your comment!
Please enter your name here