Adding second logo on left side of header

Site URL: https://wolf-kumquat-dpgn.squarespace.com/

Hi all:

Looking for a solution to add a second/additional logo to the top left of the header.  See university logo on the left in the mock-up for what I am trying to achieve. Ideally this logo would click through the the university website: https://www.kuleuven.be/english/

Site: https://wolf-kumquat-dpgn.squarespace.com/

Hi. What is access password?

Password is 'keukeleire'

On 3/3/2021 at 3:33 AM, kotteburn said:

Password is 'keukeleire'

Add to Settings > Advanced > Code Injection > Header. Disable Ajax Loading if the code doesn't work (Design > Site Styles)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('<img src="https://cdn.pixabay.com/photo/2021/02/07/09/11/sunset-5990540__340.jpg" class="t-img"/>').appendTo('[data-nc-container="left"]');
	});
</script>
<style>
  img.t-img {
    width: 70px;
}
</style>

This worked beautifully in adding the logo -thanks so much. Is there a way to make it a clickable link to another URL (https://www.kuleuven.be/kuleuven/)? 

On 3/12/2021 at 5:05 PM, kotteburn said:

This worked beautifully in adding the logo -thanks so much. Is there a way to make it a clickable link to another URL (https://www.kuleuven.be/kuleuven/)? 

Hi. Remove above & use this new code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('<a href="https://www.kuleuven.be/kuleuven/"><img src="https://cdn.pixabay.com/photo/2021/02/07/09/11/sunset-5990540__340.jpg" class="t-img"/></a>').appendTo('[data-nc-container="left"]');
	});
</script>
<style>
  img.t-img {
    width: 70px;
}
</style>

Strangely this did not work. The image is still not clickable. Do you have any possible ideas?

This is what I used:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
        $('<a href="https://www.kuleuven.be/kuleuven/"><img src="https://stijl.kuleuven.be/releases/latest/img/svg/logo.svg" class="t-img"/></a>').appendTo('[data-nc-container="left"]');
    });
</script>
<style>
  img.t-img {
    width: 200px;
}
</style>

Add this to Design > Custom CSS

/* Make left logo clickable */
[data-nc-container="left"] a {
    z-index: 9999;
}

Not working on my website my website is 

https://strawberry-raspberry-3kmm.squarespace.com

password:HinLim

On 10/4/2021 at 9:33 AM, Lalat said:

Not working on my website my website is 

https://strawberry-raspberry-3kmm.squarespace.com

password:HinLim

Your template needs a different code. Use this new code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
 $(document).ready(function() { 
		$('<a href="https://www.kuleuven.be/kuleuven/"><img src="https://cdn.pixabay.com/photo/2021/02/07/09/11/sunset-5990540__340.jpg" class="t-img"/></a>').appendTo('#logo .logo.image');
	});
</script>
<style>
  img.t-img {
    width: 70px;
}
  #logo .logo.image {
    display: flex;
    align-items: center;
}
</style>

On 10/6/2021 at 10:12 AM, tuanphan said:

Your template needs a different code. Use this new code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
 $(document).ready(function() { 
		$('<a href="https://www.kuleuven.be/kuleuven/"><img src="https://cdn.pixabay.com/photo/2021/02/07/09/11/sunset-5990540__340.jpg" class="t-img"/></a>').appendTo('#logo .logo.image');
	});
</script>
<style>
  img.t-img {
    width: 70px;
}
  #logo .logo.image {
    display: flex;
    align-items: center;
}
</style>

 

@tuanphan Would you be able to help do the same with my template header? Site is: Warner-stores.co.uk

Thank you so much

On 10/21/2021 at 9:50 PM, louis1996 said:

@tuanphan Would you be able to help do the same with my template header? Site is: Warner-stores.co.uk

 

Thank you so much

Hi,

The url doesn't work. Can you check it again?

@tuanphan all code not working to my site

may I ask the help to add the JavaScript code for adding a second clickable logo on the header right? next to the social icons' right.

The website link is https://www.pizmagazin.ch/.

thanks in advance

On 11/2/2022 at 6:18 PM, caminada said:

@tuanphan all code not working to my site

may I ask the help to add the JavaScript code for adding a second clickable logo on the header right? next to the social icons' right.

The website link is https://www.pizmagazin.ch/.

thanks in advance

See this code