Header Help

[Furious]

I am using the MyBB default header on a responsive theme, everything is going good other then 1 thing I would like to change. 

I would like the MyBB default menu to become a responsive drop down button when in responsive mode.

Not Responsive (Desktop):
   

Current Responsive:
   

Goal for Responsive:
   

Can someone please help me achieve as shown in the 3rd attachment when it is responsive it will be highly appreciated.

[Mastersly]

This may help you
https://www.w3schools.com/howto/tryit.as...r_dropdown

Let me know if you need more help and I will make a tutorial how to add it