Layout of header

Hello, everyone. How can I make the navigation layout like in the 2nd screenshot? 
On the first screenshot is my website, I need to divide the page links into two parts so that the logo is in the middle.
Website example: https://cupofjo.com/

2 hours ago, Ziggy said:

There are many solutions for this on the forum and plugins, try one of these:

https://www.will-myers.com/products/p/split-navigation
https://www.squarestylist.com/blog/secondary-navigation
https://www.rebeccagracedesigns.com/blog/create-a-secondary-navigation-in-squarespace-71

Thank you, Ziggy. These links helped me a lot!)