Create a second overlay menu

Hello,
I’m trying to make a website for a client faster, and in order to do that I’m removing various plugin.
I’m wondering if it’s possible to create an overlay menu (like the mobile version) which enter from a side with conditional content.
this is the actual page and if you click on the “taglie” black button on the left you’ll se an overlayer coming from the right, same as the mobile menu style, with a specific content, in this case for a leash. If you go on a collar you’ll se a different content and so on.

This flyout plugin made me create various flyout with an id and I created a fuction to let the right flyout be seen on the page

function flyout_custom_restrictions( $skip, $flyout_id ) {
if( $flyout_id == '11367' ) {
		if( strpos( $_SERVER['REQUEST_URI'], '/guinzagli/regular/guinzaglio-' ) !== false ) {
			$skip = false;
		} else {
			$skip = true;
		}
	}
	if( $flyout_id == '23943' ) {
		if( strpos( $_SERVER['REQUEST_URI'], '/outlet/guinzaglio-regular' ) !== false ) {
			$skip = false;
		} else {
			$skip = true;
		}
	}

So I get the right id accordingly to the url I’m seeing, which contain the relative category.
Sadly this plugin I’m using is old and no more supported and I would like to recreate it exactly like the mobile menu in overlay.