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

[Vick2]

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):

[Natasha-Saed]

Hi again,

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

[Vick2]

www.easeastore.com

[Natasha-Saed · Accepted solution]

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.

5) Save.

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

[Natasha-Saed]

[Sweet_Savior_3]

@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

[PageFly-Richard]

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