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

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, 

John 

Add to Last Line in Code Injection > Footer

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

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