How to get menu widget to sit above products on mobile view

I’ve created a menu and added the widget to the ‘Side Bar’ in my widgets section.
When viewing the site on mobile, the menu/sidebar display below the products which sucks for UX.

Any idea how I can get it to collapse and just have a sticky button that will open the menu when on mobile?

Cheers & TIA. Guy