On mobile when I click on one of my collection pages from the homepage,
It will take me to the collection, but only display products within the collection in one column.
I need it to display two columns for products in the collection (like the screenshot above of the two columns of collections on the website.
Can anyone suggest what changes I’d need to implement to fix this?
Hello, @melaina
Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.
thank you!
Please go to Online store → themes → Edit theme → Assets → theme.scss.liquid and paste this code at the end of this file
@media screen and (max-width: 768px) {
.homepage-collection-wrapper--mobile-2 {
grid-template-columns: repeat(1, 1fr);
}
}