Hi Community,
I need some help in aligning my columns in my menu.
On left side i would like the stay connected column to align to the F&Q or where I drew the red line. On the right side i wants the logo to align to the red line or where the word foundation ends.
Lastly, for social i would like the icons all to be on one column like the red box example i attached next to it is
Thanks again!
Hey Carolina,
To align the first bar with the second, set the first Bar’s Content Max Width to none. It’s currently set to 1200px.
For the social icons to align in a row, enable the Container’s Wrap Children option. It would also help, if you set the “Stay Connected” text to 100% width. Flex Layout > Layout should also be set to Row.
Hope that helps.
The social worked however, I have a gap of 25px added below each headline but it does not appear when i publish it…Also how do I add padding above the headlines in the footer?
Hi Carolina,
Since your first container is set as flex-direction: row; the line element will be inline with the headline. Instead of using the line element for adding a gap between “STAY CONNECTED” and social icons, please add a bottom margin on the “STAY CONNECTED” headline.
Set your Bar height to auto and then add a top padding to the Bar so the containers will stay inline.
Hope it helps,
Cheers!
WOW!!! it worked perfectly, thank you so much, its looking a lot better now
On behalf of my colleague, you’re welcome. Cheers! 
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.