Jump to content

How can i add some text and a link to the bottom of my header?

Recommended Posts

Site URL: https://grey-lizard-4aa7.squarespace.com/

squarespace 7.1 

url: https://grey-lizard-4aa7.squarespace.com/

pw: xyzzy

I would like to add a line of text and a link to the bottom of my header. 


I dont need the gold rectangle that's to show where i need to put the text and link

I do need to set the color of the text and link to match the current theme. 

I tried playing around with this


but was not able to add a link using this method. 


Thank you for your time, 


Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Add to Last Line in Code Injection > Footer

  $(document).ready(function() { 
		$('<p class="tp-header-text">Some random text and <a href="https://google.com">Link</a></p>').insertAfter('header#header');
  p.tp-header-text {
    position: fixed;
    top: 100px;
    z-index: 9999;
    left: 0;
    width: 100%;
    background-color: green;
    text-align: center;


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

thanks for the response!  i found 2 problems when i added the code.  


note: changed align to "left" to get the text out of the way.

my folder "all about us" is missing one item in the dropdown and when i try to click on "contact us " or "pickup locations"  the moment the mouse moves over the blank line the dropdown rolls up. 

is there anyway to fix this?

edit:  it kinda looks like the inserted text and link are on top of the dropdown 

Edited by genfoch01
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.