I'll just add the two codes back to back to mark this as the solution :
// PORTFOLIO IMG NAV //
body:not(.header--menu-open) .header .header-nav-wrapper .header-nav-item> a[href*="/portfolio"] {
background-image: url(https://images.squarespace-cdn.com/content/61c1cab0cf9b832f2ffc6ae7/0ec7276c-0e6e-409d-945d-b90e5271be5b/PORTFOLIO+homebar.png?content-type=image%2Fpng); // change to your image link here
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
color: transparent;
height: 40px!important
}
nav.header-nav-list {
align-items: center;
}
// PORTFOLIO IMG MOBILE //
div.container.header-menu-nav-item [href="/portfolio"] {
background-image: url(https://images.squarespace-cdn.com/content/61c1cab0cf9b832f2ffc6ae7/0ec7276c-0e6e-409d-945d-b90e5271be5b/PORTFOLIO+homebar.png?content-type=image%2Fpng);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
color: transparent !important;
height: 40px!important;
}
Â
hav_ery's post in Image instead of text in the navigation bar was marked as the answer
