Positioning Primary Navigation Links

Site URL: https://www.kriswraight.com/

I need assistance trying to position navigation links. I need the 3 blue navigation links "story", "work" and "vision" to appear on one line where they are centered on the logo. I then need the next two orange navigation links "blog" and "resources" positioned below the 3 blue navigation links also centered on the logo. I've included a screen shot on how it currently appears. Is this possible? Please help!

15 hours ago, ykimmmmmm said:

I need assistance trying to position navigation links. I need the 3 blue navigation links "story", "work" and "vision" to appear on one line where they are centered on the logo. I then need the next two orange navigation links "blog" and "resources" positioned below the 3 blue navigation links also centered on the logo. I've included a screen shot on how it currently appears. Is this possible? Please help!

Hey @ykimmmmmm that's all what I did:

12 hours ago, SquareRefresh said:

Hey @ykimmmmmm that's all what I did:

Hello, how did you do this? and I would like to have the 'blog' and 'resource' buttons on the same line. Thank you!

1 hour ago, ykimmmmmm said:

Hello, how did you do this? and I would like to have the 'blog' and 'resource' buttons on the same line. Thank you!

I add some css code, but I can't to make it on one line

4 hours ago, SquareRefresh said:

I add some css code, but I can't to make it on one line

Thanks anyways. I ended experimenting and using the code below to split the navigation to another line afer it reaches a certain width. Then adjusted line height from there:

.header-nav-list {   max-width: 575px !important;
}