Sliding hamburger menu.

Hi, i am replicating a Wordpress website using Tutsu theme in Divi. The mobile menu on sample site slide in from the right side when you click on the hamburger icon. I want to replicate this my Divi site. Kindly help me how can i do that?

This is the sample site : https://www.umnasserfinland.edu.bh/

this is my site : https://mobelmedia.com/umnasserfinland/finnish-ecec/

I don’t want to change anything in the desktop menu. I just want to make the hamburger menu to slide in like it is happening in the sample site. Hamburger should be right aligned and when you click on the hamburger the menu slides in from the right side. Kindly give me step by step guide. Thank you. Waiting for your response.

P.S: if we are gonna use custom CSS then make sure it does not conflict with anything on the site. And also it will be preferred if we don’t use any extra plugins.

 

Okay. I have tried that tutorial but it does not work perfectly on my site like it is working in tutorial. Leave it. Can you tell me why some of the pages in mobile have horizontal scroll effect. I have attached the photos. You can see the page size big than it should be. I want to get rig of that extra empty space. On several pages. In one page i am using code modules to create calendars so I thought may it is happening because code conflict but you can see the other have all basic Divi modules and rows but still the same thing is happening there as well. Thank you. Waiting for your response.

 

No, the problem is not solved with this code. Suggest another way. Still some pages have empty extra space and horizontal scroll in mobile.

 

Problem is solved by removing horizontal offset -60px. But the hamburger has moved to left side. I want the hamburger to stay where it was ( right aligned ). Basically, what i want is, the menu should open right where it is opening right now ( inside the screen without creating the horizontal scroll effect and increasing the width of mobile page. But the hamburger should be where it was before ( extreme right aligned). Thank you. Waiting for your response.