Header meus links

I have used the Cinnamon template and my header menus only take fixed width that is smaller than the content width. If I add any additional menu, it starts to go into the second line. How can I increase the width of my menu area for the desktop? 

This custom css should help with that It gets rid of the reserved space in the header. 

nav.header-nav-list {
    flex-wrap: nowrap;
}
.header-title-nav-wrapper {
    flex: 100% !important;
    margin-left: 0 !important;
}
.header-display-desktop {
    flex-direction: column;
    justify-content: center;
}

Thank you very much. However, when I add this code the medium and LinkedIn icons come in the center and push the page down. Any way to fix that? All I want is to increase the space available for navigation menu links on https://www.joyful.design/

Use this code instead

nav.header-nav-list {
    flex-wrap: nowrap;
}