How can I put two logos in my header on either side of navigation links?

On 11/4/2022 at 10:04 PM, tuanphan said:

Add this to Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('<a class="second-logo" href="https://google.com"><img src="https://cdn.pixabay.com/photo/2021/07/09/06/57/lavender-6398425__480.jpg"/></a>').appendTo('.header-display-desktop .header-actions.header-actions--right');
	});
</script>
<style>
  a.second-logo img {
    max-width: 70px;
}
a.second-logo {
    margin-left: 2.5vw;
}
</style>

 

May I is there a way to have it applied on mobile also? Thank you.

On 11/10/2022 at 3:50 PM, caminada said:

May I is there a way to have it applied on mobile also? Thank you.

Above or under Social Icons?

Hi Tuanphan, Hope you can help me. I used your code for adding a clickable logo to my header and it worked perfectly but I want it to be on the left side of the header. Is there a way to do it?

Thank you so much

On 12/2/2022 at 10:20 PM, GabrielaPar said:

Hi Tuanphan, Hope you can help me. I used your code for adding a clickable logo to my header and it worked perfectly but I want it to be on the left side of the header. Is there a way to do it?

Thank you so much

What is your site url? We can adjust code easier

On 12/4/2022 at 3:31 AM, tuanphan said:

What is your site url? We can adjust code easier

It's not public yet. It looks something like this

On 12/7/2022 at 6:34 AM, GabrielaPar said:

It's not public yet. It looks something like this

If the site is trial, just setup an access password & share url

Hello @tuanphan! 

I was wondering if you could help me with a code to insert a secondary logo to the right of the header. Website is: https://kawasaki-polanco.squarespace.com, password: kawasakipolanco - to the right of the shopping kart.

It would be of amazing if you could help me. I have tried the codes I've seen in the recent conversations, however I can't manage to tweak them to what I need... thank you so much in advance!

On 12/16/2022 at 10:12 AM, JimenaD said:

Hello @tuanphan! 

I was wondering if you could help me with a code to insert a secondary logo to the right of the header. Website is: https://kawasaki-polanco.squarespace.com, password: kawasakipolanco - to the right of the shopping kart.

It would be of amazing if you could help me. I have tried the codes I've seen in the recent conversations, however I can't manage to tweak them to what I need... thank you so much in advance!

kawasakipolanco

password is incorrect

Hi. I am just new here, can you help me learn how to add 2 logos in the header? I tried some of the CSS here but they dont work for me. Please help me

On 11/10/2022 at 4:50 PM, caminada said:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('<

Hi Camianada, what did you place in the SRC? did you just copy this? and where did you place the link of your logo?

20 hours ago, notthatguru said:

Hi Camianada, what did you place in the SRC? did you just copy this? and where did you place the link of your logo?

change link in href & src

On 1/27/2023 at 8:27 PM, notthatguru said:

Hi Camianada, what did you place in the SRC? did you just copy this? and where did you place the link of your logo?

Hi Notthatguru, I create a link for my logo png by uploading to Design > Custom CSS > Manage Custom Files

then I modify the href link and logo src link with Tuanphan's code.

Hello! I've added the code and managed to get the 2x logos working on desktop, but cannot see a solution how to get it to show in the mobile view. Are you able to help?

URL https://lime-raspberry-ywg5.squarespace.com/ PW GSR123

Thanks in advance.

On 3/1/2023 at 2:21 AM, kellicox90 said:

Hello! I've added the code and managed to get the 2x logos working on desktop, but cannot see a solution how to get it to show in the mobile view. Are you able to help?

URL https://lime-raspberry-ywg5.squarespace.com/ PW GSR123

Thanks in advance.

Which position on mobile? Left of current logo or?

Hello, a customer which has come to be needing a new site as there's is down, needs a holding page which i have done. but wanted to know if someone could help me to get a logo on top left and top right on the header? this is the link www.lidster.co.uk

On 4/24/2023 at 3:39 PM, CharlieReep said:

Hello, a customer which has come to be needing a new site as there's is down, needs a holding page which i have done. but wanted to know if someone could help me to get a logo on top left and top right on the header? this is the link www.lidster.co.uk

Add a logo here? Clickable or non-clickable?

Hi @tuanphan in case I want my second logo to be placed next to main logo on the left side. Kindly advise css? Thank you.
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('<img class="second-logo" src="https://cdn.pixabay.com/photo/2021/07/09/06/57/lavender-6398425__480.jpg"/>').insertBefore('.header-display-desktop');
	});
</script>
<style>
  img.second-logo {
    width: 100px;
}
</style>

On 5/23/2024 at 10:31 AM, Ash1920 said:

Hi @tuanphan in case I want my second logo to be placed next to main logo on the left side. Kindly advise css? Thank you.
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('<img class="second-logo" src="https://cdn.pixabay.com/photo/2021/07/09/06/57/lavender-6398425__480.jpg"/>').insertBefore('.header-display-desktop');
	});
</script>
<style>
  img.second-logo {
    width: 100px;
}
</style>

Depend on your site header layout. If you share site url, I can check easier