Mobile Homepage displays only 1 grid item -

[sergio-silva]

https://f92ae2.myshopify.com/password

password:yoshi

Hi everyone,

My homepage on any mobile device displays only one custom collection, customers would need to scroll down

to see all the collections,

How can I display 2 categories/collection

next to each other instead of one. 2 collections per ROW

Thanks for your help

[Dan-From-Ryviu · Accepted solution]

Hi @sergio-silva 

Please go to your Online store > Themes > Edit code, open your theme.liquid file, add this code before </head> tag 

<style>
@media screen and (max-width: 767px) {
.custom-content-block .custom__item {
    margin: 15px 5px !important;
    width: calc(50% - 10px) !IMPORTANT;
}
}
</style>

[sergio-silva]

Thank you for your quick response

You solved my problem!

[Dan-From-Ryviu]

Glad I could help, @sergio-silva