make grid full width both mobile and desktop on dawn theme

make grid full width both mobile and desktop on dawn theme

someone1921
Tourist
16 0 2

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 🙂

someone1921_0-1732873962818.png

 

Replies 4 (4)

topnewyork
Astronaut
1368 165 224

Hello,

 

Please share "Store URL"

 

Thanks!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month

topnewyork
Astronaut
1368 165 224

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! 

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month
someone1921
Tourist
16 0 2

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

topnewyork
Astronaut
1368 165 224

try this one @someone1921 

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

Thanks!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month