How can I adjust the space between my footer columns?

Store Design
, , ,

Topic summary

A user is experiencing uneven spacing between footer columns in their Shopify store. Specifically, the first column appears too close to the second column when positioned on the left, but has proper spacing when moved to the last position.

Solution Provided:

  • Add custom CSS code to the theme.css file (located in Assets)
  • The code targets a specific block ID and applies 30px right padding at a minimum width of 768px

Outcome:

  • The user confirmed the CSS solution successfully resolved the spacing issue
Summarized with AI on November 25. AI used: claude-sonnet-4-5-20250929.
1

Hello there,

I’m having an issue with my footer, there are 4 columns on my footer, and when the first column is placed on the left it’s too close to the second column but when the first column is placed last, it has a very good amount of space which I like. But I want the first column to be placed first on the left, how can you help me with this, please?

Any help would be welcome.

See the screenshots below for more details:

1- https://www.awesomescreenshot.com/image/34545514?key=11291812cea235c99418e4ddd798231e

2- https://www.awesomescreenshot.com/image/34545525?key=b084a5b6c01045a69de79dbcea0e7eed

Also, the site URL is: izicozy.com

password is: restriction25

2

Hi @izicozy ,

Go to Assets > theme.css and paste this at the bottom of the file:

@media (min-width: 768px) {
	#block_1581507819652 {
		padding-right: 30px;
	}
}

Hope it helps!

1 Like
3

Thank you, it works.

1 Like