cheapsea Posted July 21, 2020 Share Posted July 21, 2020 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 comment
stressbunny Posted July 21, 2020 Share Posted July 21, 2020 Is this what you're trying to achieve? .burger--active { background-color: #ffc800 !important; } Link to comment
cheapsea Posted July 26, 2020 Author Share Posted July 26, 2020 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! Link to comment
rwp Posted July 27, 2020 Share Posted July 27, 2020 .burger-inner .bottom-bun, .burger-inner .top-bun{ background-color: #ffc800 !important; } Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.