Add Hamburger Menu to right of Standard Primary Menu

I would like to be able to have a (secondary) hamburger menu appear to the right of the primary menu. The advantage of this configuration is that one can keep the items on the primary menu to a minimum and then repeat the first items from the primary menu and add additional items and social media icons to the (secondary) Hamburger menu. Then, when the screen size hits the break point that would normally trigger the Hamburger menu, I’d like the “secondary” Hamburger menu that had originally been to the right of the primary menu to be the only menu that appears. I’m guessing I have to set up two menus – one as the primary and one as the secondary “Hamburger” menu to start with.

Any help to more or less replicate the menu set up on the the following website with this desired menu set up would be much appreciated: https://www.troika.tv/

On the Troika site, when your screen width is narrow enough to trigger the break point, only the original Hamburger menu remains while the primary menu disappears. This is advantageous because the Hamburger menu already has all the main items from the primary menu plus the additional items and social media icons the developer added.

Screenshot of Normal Menu with Hamburger Menu to the right in collapsed mode here: https://ibb.co/hWTtB4H

Screenshot of Hamburger Menu in expanded mode to the right of Normal Menu here: https://ibb.co/sC299jP