Align items in custom footer side by side

How do I align my social icons in the footer here:
side by side?

Thanks for your help.

Hello Rena,

Thanks for writing in! Please edit your footer and set the flex layout of your navigation inline should be as “Row” and the flex layout of the icons is “Column”. If this does not help, please provide us access so that we can check your footer settings.


Looks like I have it that way but no luck…
ill add the info

Hello Rena,

The given user credentials has a very limited privileges. Please make it as an Administrator so that we can edit your custom footer.

Thank you in advance.

Sorry about that I have fixed it.

While you are there can I ask you about another issue? As you can see in the attached image. I have a huge gap issue and I don’t know how to solve it.

Thanks for all your help

Hi Rena,

You mean side-by-side just for the icons like this?

The flex layout applies to each element and since the icons are different entities, they will not align as a group. I recommend adding those social icons as Global block (please check this

Then add the global block element within your footer just under the inline menu.

But make sure you align your icons within the global block builder.

As for the spacing, please inspect your second section and set the padding and margin to zero. Or at least smaller value.


Ok thanks for the help, I just skipped out on social all together.

As for the space I set the position to relative instead of absolute, for anyone else having the issue.

Hello Rena,

We are just glad that you have figured it out a way to correct the said issue.
Thanks for letting us know!

Best Regards.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.