Hi, I want to put the logo in the center of the menu in the North Eleven template I not figure out how to do it. My intent is to put the logo in the center and separate the top links at left and right. Thee top links at the left and tree different top links at the right. I couldn’t do this using the Standard Menu settings. How can I do it? Also, I managed to do it just by building the menu from scratch using the flex component with three sessions 1. Top links, 2. SVG (right in the center) and 3. Single buttons for the options on the right in the menu. The problem is that I couldn’t put this setup inside a responsive mobile layout. The parts in the Top Links collapse at the hamburger icon but the buttons at the right side don’t. How can I make the menu setup I built responsive to the mobile with the logo aways centered? It would be easier if there was an option to center the logo and separate the top links in the Standard menu. Thank you.
Ah the logo dead centre with a few links on the left and a few on the right isn’t something the Standard Menu can do today.
Alignment only positions the navigation labels (Start / Centre / End). It doesn’t give you a three-column header with the logo in the middle.
Your Flex approach is the right idea for that layout. What you would have to do is hide the left and right links on mobile, and only show the menu component on mobile (while hiding it on desktop). It’s a little convoluted, but it should get you the layout you want.
Alternatively, if you’re feeling adventurous you could “vibe-code” a menu component to get exactly what you need…
Let me know how you get on.