Header logo duplicating

I tried doing code to allow different logos depending on the page that you are on,  but when i put in the custom code and logos,  they are duplicating at the end.   any solution to stop this?

Can you share your website URL?

What custom code did you use?

The website url is still private.. until i can get it finished.

I used this as the custom CSS

<style>

.header-title{
 background-image:url('https://static1.squarespace.com/static/5e4ecb141304941359bf2b60/t/66ce0fef69975579430c5a6e/1724780528439/TheDavidson_logo_DBC_large.jpg');
 background-size: contain
} 
.header-title img{
opacity:0
} 
</style>

On 9/16/2024 at 10:14 PM, JEffHK said:

The website url is still private.. until i can get it finished.

I used this as the custom CSS

<style>

.header-title{
 background-image:url('https://static1.squarespace.com/static/5e4ecb141304941359bf2b60/t/66ce0fef69975579430c5a6e/1724780528439/TheDavidson_logo_DBC_large.jpg');
 background-size: contain
} 
.header-title img{
opacity:0
} 
</style>

Change your code to this

<style>
header#header img {
 content:url(https://static1.squarespace.com/static/5e4ecb141304941359bf2b60/t/66ce0fef69975579430c5a6e/1724780528439/TheDavidson_logo_DBC_large.jpg);
} 
</style>