Replacing text with images on mobile burger navigation menu

Site URL: https://spinach-keyboard-pdg7.squarespace.com

Hi! I managed to change the navigation text to images on the desktop site, but can't seem to change it on the mobile burger menu. Can someone help me? Thanks!!

Below are screenshots of the mobile & desktop navigation!

What is site access password?

3 hours ago, tuanphan said:

What is site access password?

fritzchen

Use this code for mobile

[data-folder="root"]>div>div:nth-child(1) a {
    background-image: url(https://static1.squarespace.com/static/62ca90b4357da95817cf4a70/t/62d1253b9ad3ff22ceb82286/1657873723478/arbeiten.png);
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    color: transparent !important;
}

[data-folder="root"]>div>div:nth-child(2) a {
    background-image: url(https://static1.squarespace.com/static/62ca90b4357da95817cf4a70/t/62cfcc20b0042e2b435fb69f/1657785376772/CV.png);
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    color: transparent !important;
}

6 hours ago, tuanphan said:

Use this code for mobile

[data-folder="root"]>div>div:nth-child(1) a {
    background-image: url(https://static1.squarespace.com/static/62ca90b4357da95817cf4a70/t/62d1253b9ad3ff22ceb82286/1657873723478/arbeiten.png);
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    color: transparent !important;
}

[data-folder="root"]>div>div:nth-child(2) a {
    background-image: url(https://static1.squarespace.com/static/62ca90b4357da95817cf4a70/t/62cfcc20b0042e2b435fb69f/1657785376772/CV.png);
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    color: transparent !important;
}

 

Thank you!!

6 hours ago, tuanphan said:

Use this code for mobile

[data-folder="root"]>div>div:nth-child(1) a {
    background-image: url(https://static1.squarespace.com/static/62ca90b4357da95817cf4a70/t/62d1253b9ad3ff22ceb82286/1657873723478/arbeiten.png);
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    color: transparent !important;
}

[data-folder="root"]>div>div:nth-child(2) a {
    background-image: url(https://static1.squarespace.com/static/62ca90b4357da95817cf4a70/t/62cfcc20b0042e2b435fb69f/1657785376772/CV.png);
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    color: transparent !important;
}

 

Ah, I just noticed one of the images also replaced the instagram symbol - is there a way to change that?

6 hours ago, tuanphan said:

Edit this

[data-folder="root"]>div>div:nth-child(1) a

to this

[data-folder="root"]>div>div:nth-child(1) a[href="/arbeiten"]

Thank you, this worked!!