7.1 header layouts - make center option wider

I'd like to use the option of the header which stacks the logo on top and nav links underneath.

But my nav titles are a bit long and there are a few of them so I want widen the container so it's doesn't stack them too. Just to have on one line..

Does anyone know how to do this?

Can you share link to your site? I can take a look

Adding this to css worked for me. You have to use the media rule, otherwise your mobile bars get moved.

@media screen and (min-width: 990px){
.header-layout-branding-center-nav-center .header-title-nav-wrapper {
  flex: 0 0 100%;}
}

Basically you are changing the branding width to 100% instead of 50%.  Hope that helps.