Change alignment for one item in the main navigation bar

So right now I have my main navigation bar left-aligned, which is how I want it. However, I want one item in the main navigation right-aligned (Log in) next to my "Try for free" button. Is this possible? And if so, what custom css would I use?

Hello,

If you could share a link to your website with this navigation in question it would be easier for us to help you. With out seeing the code or issue in context, it will be too difficult to eye-ball it.

Thanks,

Dan

Hello, my site is still in private mode since I'm working on it. Is there anything you recommend doing?

On 10/21/2021 at 8:32 PM, ChiroUp said:

Hello, my site is still in private mode since I'm working on it. Is there anything you recommend doing?

You can setup password & share url. We can check easier

51 minutes ago, tuanphan said:

You can setup password & share url. We can check easier

https://harp-roadrunner-6sxc.squarespace.com/ Password: 123456

On 10/22/2021 at 9:54 PM, ChiroUp said:

https://harp-roadrunner-6sxc.squarespace.com/ Password: 123456

Add to Design > Custom CSS

.header-layout-nav-right .header-nav-list {
    display: flex;
    justify-content: flex-start;
}

.header-layout-nav-right .header-nav-item:last-child {
    margin-left: auto !important;
}

9 hours ago, tuanphan said:

Add to Design > Custom CSS

.header-layout-nav-right .header-nav-list {
    display: flex;
    justify-content: flex-start;
}

.header-layout-nav-right .header-nav-item:last-child {
    margin-left: auto !important;
}

 

Awesome! It worked. Thank you so much!!