Header/Nav Layout

Hi there,

hmmm... thats a fun one. I would probably go for the Primary > Navigation set to Float Right so we have the logo left and nav to the right.

Then its a bunch of hooks. Using the generate_inside_navigation hook to add some HMTL for the text above the menu, and the text below the menu. As long as each of those elements have their own CSS Classes we can use flexbox to re-order them.

For the button you can add it either via Header Widget or another hook such as the generate_menu_bar_items ( if you want it visbile on mobile too ) or the generate_after_navigation

Its gonna require some CSS to order and lay it all out nicely - if you want to try setting that up we can take a look at the CSS required.