Header Builder - Align Logo left an all other elements right

[afinkdesign]

Hello,

how can I set the header builder that the elements are aligned like this:
Logo -> Left
Element 1 -> right
Element 2 -> right
Element 3 -> right

When I set the image in flexbox layout to start and the other 3 elements to “end” it does not work.

Thanks for your help.
Kind regars,
Alex

[tristup]

Hi Alex,

Thanks for reaching out.
I would suggest you create two different containers in the Bar and the first container should have the start and the second container should have the end horizontal alignment of the Flexbox. You can also add the ROW element to organize the elements into the columns, as shown in the given screenshot.

Hope it helps.
Thanks

[afinkdesign]

Thank you so much. This works really well!
Can you tell me, how I can make the Pro-Header navigation responsive?

Thanks for your help!

Kind regards,
Alex

[prakash_s]

Hello Alex,

You can use the Navigation Inline for the Desktop mode and for the small devices you can use the Navigation Dropdown element. You can show/hide these elements through the breakpoints.

Hide or Show Content by Device Size | Themeco Docs

Hope it helps
Thanks