how to change mobile navigation menu so it does not cover the full page?

Site URL: https://www.brunhilda.cz/

Hi,

I would like to know if there is any code to change WELLS mobile navigation hamburger menu, so it does not cover the full page.

so from this:

to this (or something similar :):

Thanks so much for your advice!

Add to Home > Design > Custom CSS

div#mobileNav {
    width: 50%;
    margin-left: auto;
}

4 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

div#mobileNav {
    width: 50%;
    margin-left: auto;
}

 

thanks so much! and how do I make the navigation in the way the page content is still visible? currently it just shrinked and the page content stayed below the navigation. I guess I am aiming for some overlay?

Add to Design > Custom CSS

.menu-open ~ #pageWrapper {
    display: none;
}

I use the SquareSpace 7.1.

I follow your steps but it doesn't work at all :(

I think 7.1 version a little different. 

On 7/8/2021 at 9:47 PM, will__lai said:

I use the SquareSpace 7.1.

I follow your steps but it doesn't work at all :(

I think 7.1 version a little different. 

Yes. SS 7.1. uses different code. Can you share link to your site? We can help easier

my website is here

https://willlai.com

23 hours ago, will__lai said:

my website is here

https://willlai.com

Hi. You mean reduce overlay menu height on mobile?