Today we are going to implement facebook style slide navigation menu from existing website menu for small devices using jquery and twitter bootstrap and some custom css.
For this tutorial i have used
‘Here is example : It is normal website and it has some menu items. It is also displayed well in small device because of using twitter bootstrap. In small devices it shows at the top. But this tutorial guide you to create left slide menu navigation like facebook. And it quite user friendly
In Large Devices(Like desktop, laptops and …):
It shows in Small devices(Like mobile ..):
When comes to the implementation, we need to add some jquery functionality to change the menu based on device width