Changing the colour of the 'x' button in the navigation menu

Site URL: https://amphibian-wedge-by8s.squarespace.com/

Hey there! 

I was wondering how would I change the colour of the the X icon on this desktop burger menu?

We would like to make it white. 

Access password: firstpointdev22

Thanks in advance!

Try changing this line

<script src="https://cdn.jsdelivr.net/gh/ryandejaegher/better-burger@latest/script.js"></script>

to this line

<script src="https://code.beaverhero.com/1655792134501.js"></script>

On 6/21/2022 at 4:15 PM, tuanphan said:

Try changing this line

<script src="https://cdn.jsdelivr.net/gh/ryandejaegher/better-burger@latest/script.js"></script>

to this line

<script src="https://code.beaverhero.com/1655792134501.js"></script>

 

I have... Unfortunately this doesnt work. It infact breaks the entire burger menu. If I do this the menu just says "Burger Menu" and it is non clickable... 

On 6/27/2022 at 12:03 PM, elisemcg said:

I have... Unfortunately this doesnt work. It infact breaks the entire burger menu. If I do this the menu just says "Burger Menu" and it is non clickable... 

I've actually managed to fix it!! 

But now my "Contact" menu item has changed colour as I wanted it to be : #D89E75

This is the code I have used. Any suggestion on how to get it displaying in that colour? 

a.header-nav-item[href="/contact"] {
    color: #D89E75;
}

Thanks,

Elise

15 hours ago, elisemcg said:

I've actually managed to fix it!! 

 

But now my "Contact" menu item has changed colour as I wanted it to be : #D89E75

This is the code I have used. Any suggestion on how to get it displaying in that colour? 

a.header-nav-item[href="/contact"] {
    color: #D89E75;
}

 

Thanks,

Elise

Use this CSS

div.container [href="/contact"] {
    color: #d89e75 !important;
}