Jump to content

Navigation Menu Help

Go to solution Solved by tuanphan,

Recommended Posts

Hi, I have customised my nav bar to have the same effect as mobile. At the moment when I open the menu, it removes the background of my header then comes back when closed.

I am looking to have my header background blurred and then changes to #181818 once navigation bar is opened and back to blurred once closed.

Is this something that can be fixed and done?


Screenshot 2024-01-27 at 20.23.32.png

Screenshot 2024-01-27 at 20.23.27.png

Link to comment
  • Replies 4
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images


On 1/30/2024 at 9:28 AM, tuanphan said:

Add this code to Website > Website Tools (under Not Linked) > Custom CSS

body.header--menu-open header#header {
    background-color: #181818 !important;


Amazing thank you!

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.