How can I adjust the margin in my featured collection on Dawn theme?

Store Design
, ,

Topic summary

A user is experiencing an asymmetrical margin issue in their featured collection on the Dawn theme, where the right-side margin appears significantly larger than the left side. This visual imbalance is affecting their store’s appearance before launch.

Proposed Solutions:
Two respondents suggested the same CSS fix:

  • Navigate to: Online Store > Themes > Edit code > Assets > base.css
  • Add the following code at the bottom:
.collection grid {
  justify-content: center !important;
}

This CSS adjustment centers the grid content, which should equalize the margins on both sides. The issue remains unresolved pending the user’s implementation of the suggested fix.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

in the right side the margin is much more than in left side

margin.PNG
margin.PNG1265×655 122 KB

it looks so bad, im about to launch de store, and i need to fix it

i´m using Dawn theme

Site: geeks-club.com

password: nicold

2

Hi @g4bo_fu

Please add this CSS code at the bottom of your base.css file in Online store > Themes > Edit code

.collection .grid { justify-content: center; }

Screenshot 2023-10-27 at 08.47.46.png
Screenshot 2023-10-27 at 08.47.46.png1410×715 98.6 KB

3

Hello @g4bo_fu

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.collection .grid {
    justify-content: center !important;
}