Jump to content

Customizing Hamburger Menu On Specific Page

Recommended Posts

Site URL: https://www.robin-lyons.com/work/smirnoff

Hello,

I am trying to make my hamburger menu appear black on just the mobile page https://www.robin-lyons.com/work/smirnoff without effecting how the site header looks on the rest of the site. I have managed to make this black on my other mobile 'work' pages, for example https://www.robin-lyons.com/work/her-home-advantage  using the code

body#item-618d19fdcd79e33780a7b906
#header{background-color: #FFF !important;}
body#item-618d19fdcd79e33780a7b906
#header a {color: #111 !important;}

but for some reason this code doesn't seem to work on https://www.robin-lyons.com/work/smirnoff
even if for example I use the code

body#item-61533729f737a7012e2f7d80
#header{background-color: #FFF !important;}
body#item-61533729f737a7012e2f7d80
#header a {color: #111 !important;}

Any help would be most appreciated.

Cheers,

Robin.

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

20 minutes ago, cupoftea said:

Site URL: https://www.robin-lyons.com/work/smirnoff

Hello,

I am trying to make my hamburger menu appear black on just the mobile page https://www.robin-lyons.com/work/smirnoff without effecting how the site header looks on the rest of the site. I have managed to make this black on my other mobile 'work' pages, for example https://www.robin-lyons.com/work/her-home-advantage  using the code

body#item-618d19fdcd79e33780a7b906
#header{background-color: #FFF !important;}
body#item-618d19fdcd79e33780a7b906
#header a {color: #111 !important;}

but for some reason this code doesn't seem to work on https://www.robin-lyons.com/work/smirnoff
even if for example I use the code

body#item-61533729f737a7012e2f7d80
#header{background-color: #FFF !important;}
body#item-61533729f737a7012e2f7d80
#header a {color: #111 !important;}

Any help would be most appreciated.

Cheers,

Robin.

You can try adding to Home > Design > Custom Css

#item-61533729f737a7012e2f7d80 .burger-inner div {
  background-color: #000;
}

Let me know how it works on your site

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

My testing

image.png.257c91a7580043099edffbe0177fca8d.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. 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.