Collage on mobile is squishing my collection cover and I can’t fix it. It’s fine on desktop. Need help.
it’s topspot.cards.
Please add the following CSS to your assets/base.css bottom of the file.
@media screen and (max-width: 749px){
.collage-content, .collage-content.card, .collage-content.media, .collage-card__no-image {height: auto !important;}
.collage-content h3 {margin: 0;word-break: break-word;font-size: 0.5em !important;}
.price {font-size: 1rem !important;}
.card-information__wrapper>*:not(.visually-hidden:first-child)+*:not(.rating) {font-size: 1rem !important;}
.price--on-sale .price-item--regular {font-size: 1rem !important;}
}
Thanks!
Thanks bruh.
1 Like
If helpful then please Like Solution.