What's your biggest current challenge? Have your say in Community Polls along the right column.

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
761 124 139

Hello,

 

Please share "Store URL"

 

Thanks!

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount

topnewyork
Astronaut
761 124 139

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
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount
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
761 124 139

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
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount