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

3 Column Flex Footer Issues



Site URL: http://www.palmettehome.com


I'm formatting my footer into a custom 3 column layout. I'd like for the columns to be horizontal left to right when in desktop view, and to stack vertically when the browser size is reduced, and also format to stacking vertically when in mobile view. I'm also having some padding/margin issues where the top lines of text don't line up as you can see on the page example.

lastly, I having some margin padding issues on the right side on my site when in mobile view, where there is some additional margin making the site scroll horizontally. I'm not sure if this is due to the footer or not.

help would be greatly appreciated!


Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

3 answers to this question

Recommended Posts

  • 0

You need to change the HTML code of it. You used 3 different 12-cols for each column. Mistake is here.
Try to put all of 3 columns in one row and separate them with "col sqs-col-4 span-4" class.

Please use the like button if it helps you!


Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

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...