Remove horizontal white space / element spacing header

Site URL: https://brass-porcupine-ghs7.squarespace.com/

My page has a small round logo, plus a cart icon, I have set element spacing as low as possible, but the navigation links still separates into two lines. Any code to decrease the element spacing even more? 

@mathildenicoline Use this code to make it better.

Go to Design > Custom CSS > Paste the Code
.header-layout-nav-center .header-nav {
    width: 54%;
    text-align: center;
    flex: 1 1 54%;
}
.header-layout-nav-center .header-title {
    width: 23%;
    flex: 1 1 23%;
}
.header-layout-nav-center .header-actions {
    width: 23%;
}

1 hour ago, TheSquareSpacer said:

@mathildenicoline Use this code to make it better.

Go to Design > Custom CSS > Paste the Code
.header-layout-nav-center .header-nav {
    width: 54%;
    text-align: center;
    flex: 1 1 54%;
}
.header-layout-nav-center .header-title {
    width: 23%;
    flex: 1 1 23%;
}
.header-layout-nav-center .header-actions {
    width: 23%;
}

Thank you so much, this did the trick!