Change logo on hover (brine template)

Site URL: https://zaleski-yoga-therapy-trial.squarespace.com/

Hello!

Is there any way to add the hover feature to a logo in the header?  I have created an image that has the text "HOME", and the goal is when you hover over the logo "HOME" appears.  Any thoughts?

"HOME" text image url:

https://images.squarespace-cdn.com/content/v1/60c248ea2c167713fcbbae51/1626447325783-5E17T63QZGC3MY7AC19Y/HOME.png

Website:

https://zaleski-yoga-therapy-trial.squarespace.com/

pw: essential

Thank you!!!!!! xoxo

1 hour ago, oldegray said:

Site URL: https://zaleski-yoga-therapy-trial.squarespace.com/

Hello!

Is there any way to add the hover feature to a logo in the header?  I have created an image that has the text "HOME", and the goal is when you hover over the logo "HOME" appears.  Any thoughts?

"HOME" text image url:

https://images.squarespace-cdn.com/content/v1/60c248ea2c167713fcbbae51/1626447325783-5E17T63QZGC3MY7AC19Y/HOME.png

Website:

https://zaleski-yoga-therapy-trial.squarespace.com/

pw: essential

 

Thank you!!!!!! xoxo

Where is the home menu item?

Yes, On hover the color will, but there is no option to change the logo on hover. background color will be changed on hover...

@bangank36 I'm just looking to change the centered logo so that when you hover over it another image with the text "HOME" would appear.  

Subtly train people to learn that we can click on the logo to get home 🙂

@oldegrayAdd to Design > Custom CSS

/* Home item to image */
nav.Header-nav--primary .Header-nav-item:first-child:hover {
    background-image: url(https://cdn.pixabay.com/photo/2020/02/11/16/25/manarola-4840080__340.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    color: transparent !important;
}