Making to blocks in the header be under each other

Hi,
I have two containers in the Pro header that I would like to assign to be under each other (see attached image). How can I accomplish this?

I want the social media icons to be below the login/sign-up, and both need to be horizontal (two rows).

Thanks!

Hi there,

You need to change the Flex functionality of the container to be column based and not row based:

The concept is a little bit different from other conventional builders. I suggest that you check the video below which will explain the layout:

https://theme.co/apex/forum/t/pro-tips-and-tricks/214

Thank you.