1.) The website is currently in development process offline. Since the menu button texts are quite long, the menu bar is going to be quite wide. How can I avoid the menu bar dropping down in two rows?
Is there a way to add the “hamburger” icon whenever the menu is too wide for the screen, and hide in the “hamburger tab” only those menu buttons that are now jumping in second row?
How to solve this issue?
PS:. I don’t want to use a slideout option for smaller resolutions. I find slide-down menu more suitable for my purpose.
There’s no real way to only add the items that are dropping down to a second row to the “hamburger” menu, but you can choose when to show the mobile menu, so you can initiate it at an earlier time than normal.