Move Navigation Link to Right Side of Header

I am using the Five Family template on V7.0 and I'm trying to figure out how to move just the nav link (Products) to the right hand side of the header, but left of the social icons. Any way to do this?

Hi,

What is site url? We can check problem easier

Hello, I have used this code to move the navigation menu to the right but the logo doesn't look central, can you help?

/* Move Nav to right side of header */
@media screen and (min-width:992px) {
.header-display-desktop {
    flex-direction: column;
}
.header-title-nav-wrapper {
    flex-direction: row-reverse;
    flex: 100% !important;
    width: 100%;
}
.header-nav {
    text-align: right;
}
.header-layout-branding-center .header-title {
    text-align: right;
    width: 67% !important;
    flex: 1 1 67% !important;
}
}

On 6/14/2023 at 7:22 PM, Mandy_miisprint said:

Hello, I have used this code to move the navigation menu to the right but the logo doesn't look central, can you help?

/* Move Nav to right side of header */
@media screen and (min-width:992px) {
.header-display-desktop {
    flex-direction: column;
}
.header-title-nav-wrapper {
    flex-direction: row-reverse;
    flex: 100% !important;
    width: 100%;
}
.header-nav {
    text-align: right;
}
.header-layout-branding-center .header-title {
    text-align: right;
    width: 67% !important;
    flex: 1 1 67% !important;
}
}

What is site url?