Kingdom theme featured collection

Solved

Kingdom theme featured collection

shamrockweb
Shopify Partner
15 0 2

I am trying to adjust the code so that only 3 products appear per row maximum in my Shopify Kingdom theme home page within the featured collection. Thanks for any help!

 

Link: https://mimihalinew.myshopify.com/

Accepted Solution (1)
Shadab_dev
Shopify Partner
705 42 76

This is an accepted solution.

From your theme code editor go to component-product-item.css and add this code at the very bottom

.collection--grid {

-ms-grid-columns: 1fr 1fr 1fr;

grid-template-columns: 1fr 1fr 1fr;

}
Buy me Coffee, if you feel i was helpful. Email Me or WhatsApp me for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.

View solution in original post

Replies 3 (3)

Shadab_dev
Shopify Partner
705 42 76

password please

Buy me Coffee, if you feel i was helpful. Email Me or WhatsApp me for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.
shamrockweb
Shopify Partner
15 0 2

mimihali2024

Shadab_dev
Shopify Partner
705 42 76

This is an accepted solution.

From your theme code editor go to component-product-item.css and add this code at the very bottom

.collection--grid {

-ms-grid-columns: 1fr 1fr 1fr;

grid-template-columns: 1fr 1fr 1fr;

}
Buy me Coffee, if you feel i was helpful. Email Me or WhatsApp me for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.