Confused on the mobile nav

Hi there,

I’m struggling building a header navigation and am not sure what the best approach it. The built in navigation option in bricks don’t seem to fit my purposes too well.

Basically what I would like is (see screenshot for reference)

  • A horizontal navigation with a centered logo
  • A mobile navigation that opens up with a hamburger menu
  • That the hamburger turns into an “X” when clicked
  • That the logo stays on top
  • That the mobile nav opens below

I’ve tried a few different things but none seem to achieve what I want easily. Has anyone created a similar design and have some recommendations on the best approach?

Thank you very much