I need to create a navigation bar that looks like this:
[https://www.noguchi.org](https://www.noguchi.org)
As you can see, the toolbar is split into two sides, with the website name placed in the center.
So far, I thought of two possible solutions, both not ideal.
1st option: create two toolbars and place them on the sides of the logo. It almost works, except for the mobile version where I end up with two collapsed (sandwich) toolbars instead of one as in the website above.
2nd option. Create one single toolbar, with the logo being part of it. The problem again happens with the mobile version, where the logo now is collapsed with the rest of the toolbar.
I’m using the block editor.
Any idea?
​
[ad_2]
you can hide the other one from responsive settings?
Create 3 menus – left, right, mobile.
Use CSS media queries to display them.