How to reduce the margin in the collection page - brooklyn theme

Store Design

Topic summary

A user seeks help reducing side margins on their collection page using the Brooklyn theme.

Issue Identified:

  • The site’s wrapper has a max-width of 1050px
  • Reducing collection page margins alone would create inconsistency across the site

Solution Provided:

  • Increase the wrapper max-width to 1280px for the entire site
  • Add CSS code to the bottom of assets/timber.scss.css file:
.wrapper {
  max-width: 1280px;
}

Outcome:

  • Solution successfully implemented and confirmed working by the original poster
Summarized with AI on November 25. AI used: claude-sonnet-4-5-20250929.
1

Hi, Can any of the experts please help me with reducing the margin in the collection page on either sides in brooklyn theme.

Thanks in advance.

jasdrape_0-1668752559633.jpeg
jasdrape_0-1668752559633.jpeg1280×464 68.9 KB

2

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

3

Hi Thanks,

Please find the URL: https://jasdrape.com/

Pass: ebahba

4

Hi,

In this issue your wrapper size is max-width:1050px .

If you reducing the margin in the collection page please give max-width: 1280px.

so, your entire site should be large.

Thank you.

5

Hi, where do i do the change?

6

Please add below css code in bottom of assets/timber.scss.css file

.wrapper {
max-width: 1280px;

}
Thank you.

7

Thank you!! its working

1 Like