Jump to content

Change of mobile menu background opacity in version 7.1

Go to solution Solved by tuanphan,

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
  • Solution

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.