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

Solved
Tourist
10 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
Highlighted

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
10 1 0

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

0 Likes
Highlighted
Tourist
10 1 0

This is an accepted solution.

I made it work like this:

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