Flatiron - Footer spacing in mobile

website: www.isissakomadajohn.com

I am using the Flatiron template and have two issues with my footer in MOBILE:

1. On MOBILE, when you scroll all the way to the bottom of the index and reach the footer, the social icons are slightly off center. How can I make sure these icons are centered exactly on MOBILE?

2. On MOBILE, when you scroll all the way to the bottom of the index and reach the footer, there is a ton of space between the last image in the index and the social icons. How can I decrease this amount of space?

Thanks!

1. Did you fix?

2. Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.homepage section#container {
    margin-bottom: 0 !important;
}
}

@tuanphan thank you!

1. no I did not fix. still not totally centered

2. this code isn't changing anything for me.

16 hours ago, isissa said:

@tuanphan thank you!

1. no I did not fix. still not totally centered

2. this code isn't changing anything for me.

1.

2. Hmm, where did you insert code? I see it worked here.

You can insert & keep the code, then share url again. I will check.

it works now - thank you!