Change of mobile menu background opacity in version 7.1

Site URL: https://www.familievejlederen.dk/

Hi all,

Sadly I find myself in a situation where navigation on mobile in version 7.1 doesn't work properly with anchor links. I know more people have experienced this and there's still no fix from Squarespace.

As I would hate to make a redo of the site and hope that Squarespace will fix the error soon, I want to make a "quick fix" being changing the opacity of the mobile menu background. As I have NEVER played with custom CSS in Squarespace (they say I shouldn't  up to now .. haha) I need a little help.

Is there any of you who can show me the bit of custom CSS code that can be used to change the opacity of the mobile menu background in version 7.1?

Thank You, and if others have experienced the same error with anchor links and mobile navigation in version 7.1 I'd like to hear what you've done to fix it.

Best regard Maija https://www.familievejlederen.dk/

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.header--menu-open .header-menu .header-menu-bg {
    background-color: rgba(247,239,238,0.5);
}
}

With anchor links, I solved similar case for 2 clients, last week.

if you are interested, you can inbox me (no free ✌️)

1 hour ago, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.header--menu-open .header-menu .header-menu-bg {
    background-color: rgba(247,239,238,0.5);
}
}

With anchor links, I solved similar case for 2 clients, last week.

if you are interested, you can inbox me (no free ✌️)

Thank You so much. It works just as I want it to. The site is usable on mobile opposed to before and I can wait for the fix without having to rebuild the site.