Navigation split on both sides of centred logo - 7.1 business plan

Site URL: https://www.claudianuria.com/

Hello, 

I would like to split my header navigation so it is left and right from the centred logo. I have tried the following but when making the window smaller or bigger the navigation links on the right keep moving. Please can someone help? Thanks!

Password is: 123password

@media screen and (min-width:992px) {
.header-nav-item:nth-child(n+4) {
    position: relative;
    left: 60vw;
    top: -25px;
}
}

I found another answer here but navigation items to the right keep on moving again. So same problem again. This does NOT solve it.

Solved the problem by playing around with justify content: flex-start or flex-end

@claudianuria Can  you share the code that worked for you?

On 1/17/2022 at 12:26 AM, LaurelB said:

@claudianuria Can  you share the code that worked for you?

You can share link to your site, we can use script code to achieve this