Make the collections bigger on mobile (using debut)

Store Design
1

color.png
color.png1891×612 89.5 KB

The collections look small on mobile, how can l make them big?

link: aerobell.co.uk

pass: chantele

2

Hi @chanteleo

please check this code. and use it in your theme.css file

Go to Online store → Theme → Action → Edit code → Asset ->theme.css

@media screen and (max-width:767px){
.collection-grid {
    margin-bottom: 0;
}
.collection-grid .grid.grid--uniform {
    left: 0;
    margin-left: 0;
padding: 0 10px;
}
.collection-grid ul li.grid__item.small--one-half {
    width: 50%;
    padding: 0 5px;
}
}