How to replace one navigation link on the right side of the header?

How can I place one navigation link on the right side of the header? Next to the social icons and properly formatted. Just hoping there's a CSS code to make this happen. Any help is appreciated!

1 hour ago, eliwood said:

How can I place one navigation link on the right side of the header? Next to the social icons and properly formatted. Just hoping there's a CSS code to make this happen. Any help is appreciated!

 

Kindly share your site with the protected password so we can take a look

On 1/21/2022 at 10:57 PM, bangank36 said:

Kindly share your site with the protected password so we can take a look

dove-turbot-3gme.squarespace.com

PW: 1234

Thanks!

@eliwood Try adding to Design > Custom CSS

/* Move testimonial item header */
div.header-nav-item:nth-child(3) {
    position: absolute;
    right: 15vw;
}
@media screen and (min-width:1600px) {
div.header-nav-item:nth-child(3) {
    position: absolute;
    right: 12vw;
}
}

15 hours ago, tuanphan said:

@eliwood Try adding to Design > Custom CSS

/* Move testimonial item header */
div.header-nav-item:nth-child(3) {
    position: absolute;
    right: 15vw;
}
@media screen and (min-width:1600px) {
div.header-nav-item:nth-child(3) {
    position: absolute;
    right: 12vw;
}
}

 

You're awesome! I've used so many of your responses to help with my code. This works great however when the window is small, that link stacks on top of the instagram logo. Is there a way to keep the margin the same no matter the size of the window? Thank you!

11 hours ago, eliwood said:

You're awesome! I've used so many of your responses to help with my code. This works great however when the window is small, that link stacks on top of the instagram logo. Is there a way to keep the margin the same no matter the size of the window? Thank you!

Which screen size do you see problem? We can use code to adjust on this specific screen size