How can I adjust the mobile menu size on my ecommerce site?

Mabye someone can help me out. On mobile I’d like to change my hamburger menu so that when it is clicked, it only covers between half to 3/4 of the phone’s screen, rather than overtaking the whole screen. My store is slopesilver.com. Any coding help is seriously appreciated! Thanks.

This is PageFly - Free Landing Page Builder.

You can add this code into the theme.css file

.drawer--right {
left: 100vw;
}

Hope this can help you solve the issue

Best regards,

PageFly

Hey sorry for the late reply. I just tried this and It had no effect on my store or the mobile menu.

I ended up playing with the value and got the desired result. I switched it to 135 and it came out perfectly… Thanks!!!