Hi there,
Glad to hear that 🙂
theres a few ways to do this – the simplest method requires this setup:
Normal Site header with logo ie.NOT navigation as header.
Primary Navigation Location set to Float Right
Widgets added to the Header Widget
and some CSS:
.inside-header {
display: flex;
align-items: center;
}
.header-widget {
top: unset;
order: 10;
}
.main-navigation {
margin-left: auto;
margin-right: auto;
}
Depending on the design / logo widths / nav length etc. it will require a little CSS to tune that layout.
Alternative options when using the Navigation as Header or the Mobile Header is GP Hooks to insert other content. Two hooks are: inside_navigation
and inside_mobile_header
. Will require some Flex CSS for re-ordering.