Change burger menu icon for a custom icon desktop

Site URL: https://copper-bullfrog-28wb.squarespace.com

Hello! Does anybody know how can I change my default burger menu icon for a custom one?

I have done all I know and I can only manage to change the phone version, but I want to change the DESKTOP one.

I have read about the icon being /e30/ or something like that, but when I upload my custom .png icon, it doesn't change at all.

PASSWORD: EspenWebsite2022

Thank you so much in advance!

Add to Design > Custom CSS

a.header-nav-folder-title:before {
    color: transparent;
}
a.header-nav-folder-title {
    background-image: url(https://cdn.pixabay.com/photo/2022/03/01/00/12/tree-7040298__340.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

Can this be modified to make the site logo the menu icon?

On 6/2/2023 at 10:36 PM, captbackfire said:

Can this be modified to make the site logo the menu icon?

What is your site url? You mean click Site Logo >> Show Menu overlay?

Yes, that is what I'm after. Click site logo, see/hide menu overlay rather than having to have a hamburger menu.

https://cinnamon-bellflower-84lt.squarespace.com/

On 6/5/2023 at 11:00 PM, captbackfire said:

Yes, that is what I'm after. Click site logo, see/hide menu overlay rather than having to have a hamburger menu.

https://cinnamon-bellflower-84lt.squarespace.com/

 

The site is private. Can you setup an access password? We can check easier