Make the collections bigger on mobile (using debut)

chanteleo
Excursionist
16 0 9

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
9158 1560 1922

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;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87