Confused by bar, container and element flexbox

[djinnie]

See the image below. I just want the hamburger menu to the far left, the logo in the middle and the shop icon to the top right. It’s so frustrating that I don’t understand how I need to make this work. I’m totally confused by what settings to change.

[tristup]

Hi @djinnie,

Thanks for reaching out.
It will be very difficult to understand the structure through the screenshot. Still, if you are using 3 different container in the Bar, you can set start, center and end for the Horizontal alignment of the Flexbox setting.

Hope it helps.
Thanks

[djinnie]

Can you maybe advise me on what structure I should use here?

I now have:

1. Bar
   1.1 Container 1
   1.1.1 Navigation collapsed
   1.2 Container 2
   1.2.1 Image (logo)
   1.3 Container 3
   1.3.1 Cart Off Canvas

What settings do I have to set to make sure the hamburger menu is all the way to the left, the image in the middle and the cart to the right?

Thanks.

[tristup]

Hi @djinnie,

You need to set the value as mentioned below and shown in the given screenshot.

Container 1 [ Flexbox > Horizontal value Start ]

Container 2 [ Flexbox > Horizontal value Center ]

Container 3 [ Flexbox > Horizontal value End ]

Hope it helps.
Thanks