How to replace navigation folder title in header with custom image?

Site URL: https://goldchain.studio/

Hi gang! The title pretty much says it all but I have a single dropdown folder menu for my navigation on browser and I'd like to replace the title with my own custom image. I've managed to do it for mobile view but I'm looking for a way to make this happen on browser view. Any ideas? 🙂

Thank you!

You want to replace Plus icon with custom image?

15 hours ago, tuanphan said:

You want to replace Plus icon with custom image?

Exactly! I made a custom png of a 3D plus sign on a transparent background in blender and I'd like it to replace the current one. If you view my site in mobile view, I've achieved the result I'm looking for there, and now just looking to replicate the same result in browser view. 🙂

On 8/12/2022 at 1:40 AM, Goldchain said:

Exactly! I made a custom png of a 3D plus sign on a transparent background in blender and I'd like it to replace the current one. If you view my site in mobile view, I've achieved the result I'm looking for there, and now just looking to replicate the same result in browser view. 🙂

Use this CSS

a.header-nav-folder-title {
    color: transparent !important;
    background-image: url(https://static1.squarespace.com/static/6114d45389fc6e4b03d74c2d/t/62dc5aad8099941c71151695/1658608304626/untitled.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 50px;
    height: 50px;
}