[Share] Change burger color on specific page

To change the burger color on Specific Page, you can follow these

#1. Install Squarespace ID Finder to find the ID of the Page.

In my example, we will have:

#collection-6673f2adc8fa10164075f71b

#2. Use this code to Custom CSS box

#collection-6673f2adc8fa10164075f71b div.burger-inner>div {
    background-color: #f1f !important;
}

Result

#3. To change the X icon color, use this CSS code

/* X icon */
#collection-6673f2adc8fa10164075f71b.header--menu-open div.burger-inner>div {
    background-color: #fff !important;
}

Result