How do you create a navigation menu with 2 rows in 1 hamburger button?

I currently have a navigation menu to the right of a brand logo image with 4 menu event buttons and 6 main menu navigation items.

The # of menu event buttons added to the menu will shift per event timeframes with the max being 4.

Is it possible to move the 6 main navigation items to a second row with both event buttons and menu items collapsing into one hamburger button when the second row breaks into a 3rd row?