Reduce size of overlay menu when hamburger menu is opened on desktop (7.0 Brine Template)

Site URL: https://parrotfish-asparagus-tyfd.squarespace.com/config/pages

Hi all,

First time poster here.

I have forced the hamburger for desktop display, but don't want the menu to overlay the entire desktop screen. Do you have any suggestions for code to reduce the overlay on desktop to ~50%?

Thanks

Add to Home > Design > Custom CSS

@media screen and (min-width:901px) {
.Mobile-overlay {
    width: 50%;
    right: 0;
    left: unset !important;
}
}

On 4/23/2020 at 11:19 AM, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (min-width:901px) {
.Mobile-overlay {
    width: 50%;
    right: 0;
    left: unset !important;
}
}

 

can you do something similar to the vertical height of the menu too?

16 hours ago, Leland_Creative said:

can you do something similar to the vertical height of the menu too?

Can you describe in more detail?

2 hours ago, tuanphan said:

Can you describe in more detail?

Sure, on this site: https://cheerpack-staging.squarespace.com (pw: leland) the menu extends vertically all the way down the page, and is triggered to open whenever you click on the right side of the window. So, graphically, everything on the right becomes unclickable. I am trying to program it to the ONLY thing to open the menu is clicking on the hamburger, or restricting the overall height of the menu to avoid that.

On 9/21/2022 at 10:40 PM, Leland_Creative said:

Sure, on this site: https://cheerpack-staging.squarespace.com (pw: leland) the menu extends vertically all the way down the page, and is triggered to open whenever you click on the right side of the window. So, graphically, everything on the right becomes unclickable. I am trying to program it to the ONLY thing to open the menu is clicking on the hamburger, or restricting the overall height of the menu to avoid that.

Did you solve it? I tried clicking on right of window & nothing. It seems everything works fine

I found a different code and it worked perfectly. thanks for your help!