Jump to content

Adding second logo on left side of header

Recommended Posts

  • Replies 13
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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>

image.thumb.png.2316a4da7979a2ef880c82d32c878955.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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>

Link to comment
  • 6 months later...
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...
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

Link to comment
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 year later...
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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.