ADDING CLICKABLE LOGO TO HEADER & FOOTER

Site URL: https://www.annameerson.com/

Hi, I'm looking to add a second clickable logo to my website's header & footer. I've looked on a couple old posts but I haven't done coding in a very long time so I am a bit lost ! Please could someone help me?

For the header, I wish for it to be on the top right, and for the footer, bottom right too.

site URL:   https://www.annameerson.com/

1 hour ago, annameerson said:

Site URL: https://www.annameerson.com/

Hi, I'm looking to add a second clickable logo to my website's header & footer. I've looked on a couple old posts but I haven't done coding in a very long time so I am a bit lost ! Please could someone help me?

For the header, I wish for it to be on the top right, and for the footer, bottom right too.

site URL:   https://www.annameerson.com/

Can you describe more detail about your issue? A screenshot of your idea could help a lot

Hi, thanks for replying so fast!!

Yes of course - here are 2 illustrations of what I wish for it to look like (for header & footer).

On 2/22/2022 at 4:53 PM, annameerson said:

Hi, thanks for replying so fast!!

 

Yes of course - here are 2 illustrations of what I wish for it to look like (for header & footer).

 

Add to Settings > Advanced > Code injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$('<a href="https://google.com" class="header-img"><img src="https://cdn.pixabay.com/photo/2020/04/08/06/55/elephant-5015964__480.jpg"/></a>').appendTo('.header-display-desktop');
	});
</script>
<style>
  a.header-img img {
    max-width: 100px;
}
</style>

Replace pixabay with new image url

Hi, thank you so much, it worked! although now my header title (site logo & buttons) have been moved slightly to the left (as seen) - please could you help me with this?

I also notice that the new extra logo doesn't appear on my mobile display, and also isn't included in the footer like I would have wanted it to be added, please could someone help me with this?

On 2/26/2022 at 4:29 PM, annameerson said:

Hi, thank you so much, it worked! although now my header title (site logo & buttons) have been moved slightly to the left (as seen) - please could you help me with this?

 

I also notice that the new extra logo doesn't appear on my mobile display, and also isn't included in the footer like I would have wanted it to be added, please could someone help me with this?

 

It looks like you removed social icons + image. Do you still need help?

Yes pease, I still need help! I decided to temporarily delete the social icons and image until I could get it all to look perfect

On 2/28/2022 at 1:56 PM, annameerson said:

Yes pease, I still need help! I decided to temporarily delete the social icons and image until I could get it all to look perfect

You can add social buttons, then we can test code to add button easier.

if your site is live, you can duplicate the site & share link there. Then we give code, you can copy code to main site

Hi! I just readded the button on my header, however this means that I can't also add a shopping cart item so it's a bit annoying...

Can you also please help me include the same logo in the footer too?

On 3/9/2022 at 3:07 PM, annameerson said:

Hi! I just readded the button on my header, however this means that I can't also add a shopping cart item so it's a bit annoying...

 

Can you also please help me include the same logo in the footer too?

Can you check it again? I see if you enabled button, cart, both will appear in header

#2. You mean add a clickable logo under Contact link in Footer?