Jump to content

Change of mobile menu background opacity in version 7.1

Recommended Posts

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/

Link to comment
  • Replies 2
  • Views 2.1k
  • Created
  • Last Reply

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 ✌️)

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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.

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.