I would like to know how we can best represent a webpage with 50 sub menus or more without scrolling the page. Currently, I have implemented a side menu which pops out on click of the hamburger icon. Any suggestions would be appreciated. Thanks.
While I agree with @dan1111, one alternative, I can think of is a Chris Coyer's implementation for big drop down.
You can see the example below:
But honestly that would be an unfamiliar behavior for the user and that cannot happen inside a side menu.
The other thing is sidr.js which you could see been used here, http://www.uscourts.gov/ If you click you can have the drop down load horizontally