Sidebar Main Navigation Menu

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

Hey! 

I am wondering if anyone can help me with this one... 

I have created this website here: https://amphibian-wedge-by8s.squarespace.com/ (pword: firstpointdev22   ) and made the main navigation as a sidebar burger menu. I was wondering if: 

- I have tried (and failed) to edit the CSS so that I can colour the 'X' on the menu when open to white OR even better have the 'X' as an image (as the icon of their Logo is an X). 

AND 

- Anyone can help with why the page kind of jumps to the left when you open the burger menu.

AND 

- Is there anyway to have just 1 of the links a different colour? Eg: Have the Contact Us link the peach colour.

Thank you in advance!! 

#1. It looks complex. Where did you get the burger code?

#2. Add to Design > Custom CSS

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

2 hours ago, tuanphan said:

#1. It looks complex. Where did you get the burger code?

#2. Add to Design > Custom CSS

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

Thank you for helping with the Contact link. 

I got the burger code from the link below. Open to another option though! 

https://ryandejaegher.com/how-to-add-a-desktop-burger-to-squarespace-7.1/

On 5/5/2022 at 5:37 PM, elisemcg said:

 

(Just a test code)

Replace this code

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

with this line

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

(It just a test code, if it works, I will give instruction)

On 5/8/2022 at 5:55 PM, tuanphan said:

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

I have replaced that... But am unsure what you were expecting it would do... 

On 5/10/2022 at 7:14 AM, elisemcg said:

I have replaced that... But am unsure what you were expecting it would do... 

If the new code works, I will give you a new code. Because that code is hosted on my server (It will be lost if I delete the server)