Adding button into navigation menu (York)

Hi guys,

I'm new here! I'm trying to add a button in the main navigation menu, unfortunately I am using York and that feature is not supported.

I have found some custom CSS in another forum post but unfortunately doesn't work on York.

I've attached an image of what I mean, I would like a similar button like the "subscribe" button in the attachment.

Could anyone help? I'm absolutely new to CSS so I would really appreciate some help!

Thanks

You can turn a Navigation Items to Button

If you share site url, i can give the code to make nav link to button.

This is the url:

https://clownfish-mauve-jds9.squarespace.com

I'm using it as a sample website at the moment.

Thanks!

3 minutes ago, Bealala said:

This is the url:

https://clownfish-mauve-jds9.squarespace.com

I'm using it as a sample website at the moment.

Thanks!

Your site is private. Please setup password & share url.

Done!

Password is: beatrice

Thanks again!

2 minutes ago, Bealala said:

Done!

Password is: beatrice

Thanks again!

Adding subscribe link to Navigation, the add this code to Home > Design > Custom CSS. Replace /contact with subscribe link.

.nav-item.collection a[href="/contact"] {
    background: brown;
    color: #fff;
    padding: 5px 10px;
}

You're a dream! Thanks so much!

One last question, I've tried to replace "contact" with "services" which is the one I would actually like to be linked, but I just loose the button?

Thanks again,

Just now, Bealala said:

You're a dream! Thanks so much!

One last question, I've tried to replace "contact" with "services" which is the one I would actually like to be linked, but I just loose the button?

Thanks again,

services page has link: /new-page

That's why, thanks!