Collection size mobile version

[PercyC]

I use the broadcast theme and I need help to reduce the size of my collection in the mobile version only. Thank you for your help.

[Dan-From-Ryviu]

Hi @PercyC 

Please share the link with collection so we can check? 

[PercyC]

https://acr1xe-3j.myshopify.com/

[Dan-From-Ryviu]

Which section do you want to change the size? 

[PercyC]

The first one in the home page

[Dan-From-Ryviu · Accepted solution]

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

@media (max-width: 749px) {
    #Collection--template--17601990131887__section_collection_U8CtWb .grid--mobile-slider .grid-item {
        width: calc(100% - 150px);
    }
}

[LizHoang]

Hi PercyC,

Thank you for your question!

We're more than willing to check it for you. Could you please share with us your store's URL so that we can look into it?

Look forward to hearing from you soon!

[GTLOfficial]

Hello @PercyC 

Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.

@media only screen and (max-width: 749px) {
.grid--mobile-slider .grid-item {
width: calc(100% - 185px);
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks