How to change a link in the navigation into an image

Hello All,

My client wants the shop link in the navigation to be an image instead of the word "SHOP"

Does anyone have a good solution for this?

See attached images for reference.

Any help would be much appreciated!

Thanks

MM

Hi,

We can use CSS code to replace text with image. If you share site url, we can help easier

url:  https://crow-chinchilla-h6jc.squarespace.com/

pw: ByRigatoniRatchet

12 hours ago, prmt said:

url:  https://crow-chinchilla-h6jc.squarespace.com/

pw: ByRigatoniRatchet

Add to Design > Custom CSS

/* Shop nav to image */
nav.header-nav-list>div:first-child>a {
    background-image: url(https://cdn.pixabay.com/photo/2023/05/24/06/53/bird-8014191_1280.jpg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: transparent !important;
}

Follow this guide to replace all navigation items with custom icons