Pro Header Rows and Column help

[MPFwebsites]

Hello! I’m having trouble with the wrapping of elements in the pro header builder, and would really appreciate some help/insight. Here’s the link to the site header I’m referring to: http://savannahousev2.wpengine.com/.

I’m having trouble figuring out how to make the social icons in row format instead of column, so that they appear next to each other instead of on top. The container they are in include the address text and that needs to be stacked above them like it is now. Here’s a screenshot of the mockup I’m trying to get it to look like. What am I missing here?

Also, is there a way for 2 containers to be aligned at the end (right) of the page, and one container at the start (left) of the page? Right now I have a blank container to add spacing between the logo and the other content. I’m thinking there’s a way to do that without using a blank container, so just wanted to ask.

Thanks so much!

[friech]

Hi There,

Thank you for writing in, instead of adding the social links one by one, create a menu with social links only. Then add that menu as navigation inline to your Header, follow the guide that I provided here. Let us know if something is not clear.

@darmourmpf

Also, is there a way for 2 containers to be aligned at the end (right) of the page, and one container at the start (left) of the page?

Add two containers to your Bar, set both container’s Self Flex preset to Fill Space Equally

Set the left container’s Flex Layout Horizontal to Start and
Set the right container’s Flex Layout Horizontal to End

Hope it helps,
Cheers!

[MPFwebsites]

Thanks so much! That did it.

[rad]

You’re most welcome!