How to replace Navigation text with an Image

44 minutes ago, HansenCreations said:

Right! I've added the page to the nav bar and now need a little guidance on restyling. 😅

And the image is attached below. 

.Header-nav-item[href*=coming-soon],
.Mobile-overlay-nav-item[href*=coming-soon] {
  position: relative;
  color: transparent !important;
}
.Header-nav-item[href*=coming-soon]:after,
.Mobile-overlay-nav-item[href*=coming-soon]:after {
    content: '';
    background: url(https://content.invisioncic.com/p289038/monthly_2020_11/FreezePeach-ComingSoon.png.ce50920572f09ddd418a10fcdc065c88.png) no-repeat;
    background-size: cover;
    position: absolute;    
    width: 200px;
    height: 120%;    
}
.Mobile-overlay-nav-item[href*=coming-soon]:after {
    left: -10%;
}
.Header-nav-item[href*=coming-soon]:after {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

7 hours ago, HansenCreations said:

Site URL: https://www.anybodysautos.net

I want to set up a new page on my website called "Freeze Peach" but instead of just typing it into the Navigation bar like usual, I'd like to use a .png of the logo that my friend is designing. They don't have the logo designed yet, so I just created the page as "Coming Soon!" for now.

I tried uploading a file in Custom CSS to see if that would work, but sadly it didn't. And I'm not very experienced in css.

Let me know if there's another way!

Thanks

I think you still need to add the page to nav bar and restyle the nav item with css, could I check the image you got?

Right! I've added the page to the nav bar and now need a little guidance on restyling. 😅

And the image is attached below. 

Awesome! That worked. Thank you @bangank36