I am building a new site and the social media icons at the top of the page are in containers in a sub group column with all containers having the exact same settings. Looks great in the preview, but when exported and viewed live in Chrome the Linkedin icon sits just a bit higher than the FaceBook and BBB icons.

http://65.60.26.206/~rivercity/index.html

Then when you go to MS Edge it's worse, it's like a step ladder with FaceBook sitting higher than BBB and then Linkedin even higher. Why won't they line up? I have attached a screenshot.

Here's a link to the RSD file:

http://65.60.26.206/~rivercity/templates/RiverCity.rsd

Thanks!

B

Hello Your Instagram & Facebook Images are different Heights & Widths.

Once you have made them the same size
take all the images out of the column (delete) & the 3 containers
Change the display setting of the column (in the position section design view) to flex = Row
No Wrap
Space Around
Center
Stretch

Then re-insert your images (block),,, adjust the widths (including Max width to suit your requirements for all images.

that should do you nicely centered horizontally/vertically

Have a great Day Wherever You all are In The World

Wayan

I should have also mentioned that the transparent backgrounds on those images are different, that's why it looks off as well

The facebook logo takes up the whole of the canvas size in height & width,, The linkedin one has a transparent border around it

I should also have mentioned that you don't need re-insert the containers doing it this way,,, just the images

Thanks, that worked!