Header Navigation Div and Logo

[AshleyF]

I am playing around with a new header layout and I am struggling to create the look I want. So right now on my larger desktop view I have the logo on the left, and then two inline navigation rows to the right of the logo, both rows taking about half the logo width each.

What I want is when the screen shrinks to smaller breakpoints have a slight change.

So the logo shrinks the same height as the topbar menu and fits on the same row, and the main navigation menu then drops below on a second row if you like.

I was trying to do with it flexbox but I can’t seem to work it out.

Hopefully that makes sense.

[ruenel]

Hello @AshleyF,

Thanks for reaching out. At the moment, we are seeing this:

It is best that you send us a mock layout of the design that you want for us to have the idea of how the bar will look like before and after you scroll the page.

Best Regards.