Mobile menù covers the entire screen. How can i solve it?

Since i had my theme upgraded to 11.0 a lot of things changed. Before the menù didnt cover the entire screen but only a section and i want it back that way. Can you help me?

BEFORE (How i want it):

AFTER (I dont want it like this):

Hi again,

I need your store URL to be able to solve this to you.

www.easeastore.com

  1. Go to online store
  2. Edit Code
  3. Open your base.css file
  4. Paste the following code

.menu-drawer {width: 85% !important;}

You can adjust the size from here to the exact look you want 100% full cover.

  1. Save.

Let me know if it work by marking it as a solution.

@Vick2

Paste the given style in ‘Assets > base.css’

.menu-drawer {
    max-width: calc(100% - 50px);
}

Don’t forget to like and accept the solution.

Thanks

Hi @Vick2

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.menu-drawer {
   width: 100% !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly