Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

7.1 burger colour code not working


Ned

Question

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

Hey! 

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. 

Thanks!  

Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

3 answers to this question

Recommended Posts

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

Thanks!

Screenshot 2020-07-26 at 20.24.19.png

Link to post
  • 0

.burger-inner .bottom-bun,
.burger-inner .top-bun{
    background-color: #ffc800 !important;
}

Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...