Change to list one product per line and display the products below each other on mobile

[JHO]

Hello, I am using the Venture theme and I would like to change to list one product per line on mobile. For the moment it display two products per line. Also on a collection image, first display the collection image and then display the product under the image.

 Should I use @media only for this?

For the moment the products display like this:

[oscprofessional]

Hello JHO,

Yes,You can use @media

[JHO]

Hi, Any suggestions on what else to write? :)

[JHO · Accepted solution]

I made it work like this:

@media only screen and (max-width: 767px) {
      .small--one-half {
           clear: left;
           width: 100%;
	}
}