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.
1 Like
@eneidkodra
i can’t see 4 collection at home page only 3 so do need 3 on mobile ?
1 Like
Just changed now to 4 can you do 4 please?!
1 Like
@eneidkodra
yes please add one more collection on theme setting
i can see now 3
1 Like
I added but you have to scroll down to see the last collection it appears bigger then others idk why.
1 Like
Nick
September 20, 2021, 9:52am
6
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?
@eneidkodra
yes please try this code
Go to Online Store->Theme->Edit code
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
didnt work still some on mobile
1 Like
@eneidkodra
do you need on mobile like this?
1 Like
@eneidkodra
thanks for confirm but i can see now 3 again!
1 Like
It shows 4 on mobile view bro, help me please do u need my password or something to make this fast please?
@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%;
}
}
1 Like