How Do I Get My Store To Show Collections With 2 Products Per Row?

Store Design
1

Hi guys,

My store - sneakerwoorld.com - currently only displays one product at a time in the scrolling mobile view.

What do i need to do in order to display 2 products per row on mobile view?

I want apply it to collection list in my home page!

This is the collection page I am reffering to: https://sneakerwoorld.com/

Currently using the ‘Debutify’ theme.

Many thanks!

1 Like
2

Hi @sneakerworld
You can try follow this path:
Themes => edit code => asset => theme.scss.liquid
and add this code to bottom of the file theme.scss.liquid

@media(max-width: 749px){
#FeaturedCollections-template--16763832729919__a48828ae-4802-450f-93c4-ad98e41fbaeb  .grid__item {
width: 50%;
}
}
2 Likes
3

Still doesn’t seem to work :pensive_face:

4

Sorry, it worked my fault!

Thank you so much!

5

I need help with one more thing!

I want to put text under collections in home page.

How can I do it?

6

Hi @sneakerworld
you can check section settings in theme customize.
If your theme does not support for add the text, you need to change your theme code to maket the function show text