On responsive websites, especially for those which are using the mobile-first concept, the content is the main reason the user is visiting our site, so we must provide a reasonable space to show the content before the fold.
In order to provide this space, we need to handle the way we display the menu better so that we will be able to offer another view of it, depending on the device.
Anyway, the goal is the same: to make it easier for users to find what they are looking for without drastically affecting the useful area. When the menu is organized, we give the users the freedom to choose where they want to navigate to through our site.
The truth is that there is no answer for the duel between these two interfaces: the top and left navigation menus. Sometimes the navigation works well in one context; however, it may not work as well in another. To figure out which navigation is best for our site, it is important to understand the different contexts...