Hi there,
I am trying to show 2 collections on mobile view on my home page. Is this possible?
My theme is Berlin.
password: chiponion
thank you, I think it should be working now
Its SideNode! We will be happy to help you today.
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
@media screen and (max-width: 575px){
.collection-grid {
--grid-width: calc(50% - (var(--gap) * (1 - 1 / var(--per-row))));
}
}
you can see the change
If I was able to assist you, please remember to give it a Like and Mark it as the Solution!
Let me know if need further assistance
Regards,
SideNode
Hi there,
Sorry this code doesn’t seem to work on my end. I am not sure if I am doing something wrong, could you please screenshot what it is meant to look like?
Thank you!
You can try this code: it will be helpful to you
Remove the mention CSS in screenshot from media query min width 576px this mention CSS in section-collection-grid.css these file simply remove these CSS from media query and u can normally apply this mention CSS.
so this will be apply to your mobile devices also
If I was able to assist you, please remember to give it a Like and Mark it as the Solution!
Let me know if need further assistance
Regards,
SideNode