How to replace the text in the navigation bar with an image?

Site URL: https://okra-conch-ah46.squarespace.com/

Site URL: https://okra-conch-ah46.squarespace.com/
 

Hi, I am trying to set up My site's navigation bar in my header. Rather than having text for one of the pages I want to use an image. I want to replace the text for "Are.na" with a .png of their logo. 

I tried to do it myself through trial and error, I managed to get as far as putting the .png over the text, but with my limited knowledge of CSS I have given up!

I also attached the .png below, incase you may need it.

Please let me know if this is possible.

Thanks in advance.

Please see Header Navigation Link Text Replace With Image.

Let us know how it goes.

On 3/22/2022 at 4:04 AM, creedon said:

Please see Header Navigation Link Text Replace With Image.

Let us know how it goes.

Hi Creedon, thanks for your reply!
Unfortunately that didn't seem to work. I am unable to use Code Injection, because I do not have a business/ commerce plan.

Is there a way to do so using the Custom CSS feature under Design?
 

3 hours ago, JoeyTaneja said:

Is there a way to do so using the Custom CSS feature under Design?

CSS alone can't get the job done.