Spread LINK SPACING out in header as per image

Hello,

I'd link the link spacing to be totally horizontal as per the red arrows rather then stacked can this be done?

Can you share your website URL?

You can set the header width to be full or inset, you have it set to inset, you can change this in the header design settings. You may need to reduce the link spacing to get all of your link to fit.

Hello
 

get-shirty.co.uk

When I do this the links are then too close together..

Your header is still set to "inset", did you try changing that?

I wasn't suggesting reducing the link spacing that much, just a little narrower than originally.

Yes I tried it at full also

I would leave it full width and then use this CSS:

.header-layout-branding-center .header-title {
    width: 20%;
    text-align: center;
    flex: 1 1 20%;
}
.header-layout-branding-center .header-nav {
    width: 40%;
    flex: 1 1 40%;
}
.header-title-nav-wrapper {
    flex: 1 0 60%;
}

Thank you for your efforts Ziggy but this changed nothing after injecting code into header

11 minutes ago, getshirty said:

injecting code into header

The code was written for Custom CSS rather than code injection, and doesn't appear to be applied currently.