Jump to content

ADDING CLICKABLE LOGO TO HEADER & FOOTER

Recommended Posts

  • Replies 9
  • Created
  • Last Reply

Top Posters In This Topic

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/

baboushka logo final 3 white.png

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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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).

 

baboushka logo help footer.jpg

baboushka logo help header.jpg

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

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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 extimage.thumb.png.69f873ae47f7555c38a3e15e8e3918d7.pngra 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?

 

Link to comment
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 extimage.thumb.png.69f873ae47f7555c38a3e15e8e3918d7.pngra 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?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

image.thumb.png.76dc8d055f1b31f990e9eb54f238e82a.png

 

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

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.