Make the collections bigger on mobile (using debut)

chanteleo
Excursionist
28 1 11

color.png

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

 

link: aerobell.co.uk

pass: chantele

Reply 1 (1)
oscprofessional
Shopify Partner
15658 2346 3032

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;
}
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing