Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
isissa

Flatiron - Footer spacing in mobile

Question

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!

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

1. Did you fix?

2. Add to Home > Design > Custom CSS

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

 


Send me a message if you have any questions (free 10 minutes)

Free code: Squarespace 7.0 (4000+ code)

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

Share this post


Link to post
  • 0
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.


Send me a message if you have any questions (free 10 minutes)

Free code: Squarespace 7.0 (4000+ code)

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...