How can I display collections in two rows on Impact theme store?

Store Design
, , , , ,
1
  • We looked through the editor, but we weren’t able to find anything that seemed to be the fix. With the amount of collections they have, we’re hoping there may be an alternate solution to provide a more user-friendly option. (Did mention adding images and linking collection URL - but this requires each collection image to be added individually). Impact theme store
2

Hi @zakuntsart ,

Do you mean appear collection in 2 raws in mobile devices?

3

Hi,yes

4

Hi, you can try this solution. Go to your Shopify store admin > Sale channels > Online store > Edit code > Assets > open theme.css or theme.css.liquid, add this code at the bottom file

@media only screen and (max-width: 767px) {
.collection-list {
grid-template-columns: 50% 50%;
justify-content: space-around;
}
}
5

Thank you! Thank you! It works!

Can you help me please with another issue with this theme.

“Regarding the collection title, it is not natively possible to remove it from the section, and a developer is also required to make this change for you. I have however added your request to our list of feature requests, so we may consider it in a future upgrade of the theme if this gets popular.”