Second button on the Top-Right of the Page the Header

Site URL: https://dragonfly-koi-pbjx.squarespace.com/config/pages/website-tools/custom-css

Dear All, 

A recurring theme... I have tried all possible code but I always get an error on the syntax.

I am currently using this code to add a second button on the Header. HOWEVER, it pops on the left hand side of the Header vs. I want a new button on the Right hand called "BUY" side next to "BOOK". How do I solve this?

div.header-nav-item:last-child>a {
    background-color: #360A05;
      font: 16px Poppins;
    color: #FFFFFF !important;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 9.6px;
    padding-bottom: 9.6px;
    border-radius: 115px;
      text-decoration:none;
}

Hi @Paoletta.

Could you make your website password-protected and share the password with me so I can take a look? You can follow these instructions to enable password protection:

1. Go to your Squarespace Dashboard.
2. Click on Settings.
3. Select Site Availability.
4. Choose Password Protected.
5. Set your password.

Once done, just share the password here, and I’ll be able to access your site and help you out!

@Paoletta, alternatively, you can read this post: 

Hi @Spark-Plugin here is my password Squarespace44!

The codes in the article provided don't work. I always get some sort of error in the syntax.

Thanks a lot too for this! I have been stuck here for the last hour

@Paoletta, you can also check this blog post, I tested on my website and it works: https://schwartz-edmisten.com/blog/adding-a-second-header-button-with-chatgpt - Let me know if it works for you:)

@Spark-Plugin I have tried it already too multiple times but it keeps on giving me a syntax error for some reason 🙏🏼

@Paoletta,If it’s giving you a syntax error, there’s likely a small mistake somewhere in the code. The code I provided works well, as I’ve tested it. Are you using any other custom code on your website? If so, try removing it temporarily, save the old code in a Google Doc or something similar, and then add only the code I provided to see if it works properly. Let me know how it goes!

@Spark-Plugin Thank you! Unfortunately the error in the syntax is exactly in the code you provided. aka the line below already gives me an error in the syntax

document.addEventListener("DOMContentLoaded", function() {

@Paoletta, Weird, no errors on my end:

I think he added to CSS box, because only CSS box will say "syntax error"