Prestige collections Grid problem

eneidkodra
Tourist
8 0 5

im using Prestige theme,
I have 3 collections in the collection list section of my homepage. The size of the images are too big on mobile even on it's smallest setting. Is there a way to make them smaller? Thank you so much!
my url store https://bythrones.com/?key=e5a084a6144c1cabcca91f226557b36d7f7a6b0225ced6cb9f7ca90fb9e716ff


i woud like it to grid 3 or 4 per row,,,,like the example pic i sent.jkk.jpg

Replies 13 (13)

KetanKumar
Shopify Partner
36839 3635 11972

@eneidkodra 

i can't see 4 collection at home page only   3 so do need 3 on mobile ?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
eneidkodra
Tourist
8 0 5

Just changed now to 4 can you do 4 please?!

KetanKumar
Shopify Partner
36839 3635 11972

@eneidkodra 

yes please add one more collection on theme setting 

i can see now 3 

KetanKumar_0-1632126235698.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
eneidkodra
Tourist
8 0 5

I added but you have to scroll down to see the last collection it appears bigger then others idk why.

KetanKumar
Shopify Partner
36839 3635 11972

@eneidkodra 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 1140px) {
.CollectionItem {
    min-width: 25%;
}
}

 after code view

KetanKumar_0-1632138209927.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
eneidkodra
Tourist
8 0 5

didnt work still some on mobile

KetanKumar
Shopify Partner
36839 3635 11972

@eneidkodra 

do you need on mobile like this?

KetanKumar_0-1632175002107.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
eneidkodra
Tourist
8 0 5

Yes please, a little bro

KetanKumar
Shopify Partner
36839 3635 11972

@eneidkodra 

thanks for confirm but i can see now 3 again!

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
eneidkodra
Tourist
8 0 5

It shows 4 on mobile view bro, help me please do u need my password or something to make this fast please?

KetanKumar
Shopify Partner
36839 3635 11972

@eneidkodra 

yes please add this code

@media screen and (min-width: 1140px) {
.CollectionItem {
    min-width: 25%;
}
}

@media screen and (max-width: 1139px) {
.CollectionItem {
    min-width: 50%;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
eneidkodra
Tourist
8 0 5

still same i tried

Nick
Shopify Staff (Retired)
4531 434 1024

Hi @eneidkodra,

Great pick for the Prestige theme, I also use it for my store and love it! For edits like this, it could be worth reaching out to the developers directly, Maestrooo. Because Maestrooo developed the theme they would know the code better than anyone else. You can find them through their website here. I've needed help from them before and they've been great! 

How's the rest of your store going? Do you have any other questions about anything else? 

To learn more visit the Shopify Help Center or the Community Blog.