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

Solved
Tourist
8 1 0

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:

Skärmavbild 2019-11-21 kl. 09.12.28.png

0 Likes

Hello ,

Yes,You can use @media

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
Tourist
8 1 0

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

0 Likes
Highlighted

Success.

Tourist
8 1 0

I made it work like this:

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