Jump to content

7.1 burger colour code not working

Recommended Posts

Site URL: https://fifty-fifth.com/about


I have been using this code to change the colour of my burger icon (when on mobile) but recently it seemed to stop working for some reason: 

.burger-inner:after {
    background: #ffc800 !important;
.burger-inner:before {
    background: #ffc800 !important;

I have tried it out on a friends 7.1 site that has zero additional CSS and it didn't work on his either. I was wondering whether Squarespace have updated their software to block the code or if there is a way around it to re-apply the colour change? At the moment it is just the default colour of the section theme of each page. 


Link to comment
  • Replies 3
  • Views 606
  • Created
  • Last Reply
On 7/21/2020 at 8:55 PM, loueeze said:

Is this what you're trying to achieve?

.burger--active {
  background-color: #ffc800 !important;


Unfortunately no, that's making the burger look like this... 

But I want just the actual lines themselves (so the two lines and then the cross) to be yellow.


Screenshot 2020-07-26 at 20.24.19.png

Link to comment


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.