make grid full width both mobile and desktop on dawn theme

Store Design
, ,
1

Hello, as you can see in the picture there’s that small gap at the end of my product grids and i can’t seem to find the reason. i wanted it to be completely full width. i appreciate any help, thanks :slightly_smiling_face:

someone1921_0-1732873962818.png
someone1921_0-1732873962818.png2163×1764 204 KB

2

Hello,

Please share “Store URL”

Thanks!

3

Hello, @someone1921

  1. Go to Online Store
  2. Edit Code
  3. Find theme.css/base.css file
  4. Add the following code in the bottom
.product-grid li {
    max-width: 100% !important;
}

Thanks!

4

it kinda solves the problem but the layout “bounces” on mobile so i don’t think that’s the best solution… thank you anyways!

5

try this one @someone1921

@media (max-width: 768px) {
	.product-grid li {
    max-width: 100% !important;
}
}

Thanks!