Add a phone number net to the header button

Hi, 

I would like to add this phone number: 1800 077 833 next to the header button like in the image attached. 

Website: https://asparagus-arugula-2dfm.squarespace.com/ 

password: 1234 

Thanks!

@Barbi You can do this by adding another button to the header! Here's a tutorial: https://bycrawford.com/blog/enable-two-buttons-in-header-squarespace

If you want it to not look like a button (like the sample you shared), you can style the background to be white.

Thank you for your response! I need to have both the button and the number next to it, I circled it in this screenshot. The screenshots are from my client's old website, the new website on squarespace needs the phone next to the button not replacing the button. 

Thanks!

To add phone number before Header Button, you can follow these steps

#1. Use this code to Website > Website Tools > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('<a href="tel:1800077833" class="header-phone btn btn--border theme-btn--primary-inverse sqs-button-element--primary">1800 077 833</a>').insertBefore('a.btn');
});
</script>

You will have

#2. Use this code to Website Tools > Custom CSS

a.header-phone {
    background-color: transparent !important;
    color: #314972 !important;
}

thank you for your response,  it worked! there is just a detail, the button cuts on the right side, is there a way to move it a bit to the left? 

Thanks!