Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Mobile Clothing Shop


abbarrella

Question

Site URL: https://www.rowensdresser.com/shop

I helped design a e commerce site for a client. On their shop page, when I am on my mobile only shows one item at a time vs when I am on a laptop it shows three items at a time. Is there a way to add code to the site to have the mobile page show three items across instead of just one item at a time where you have to scroll and scroll to see the products for sale? It just seems so tedious there has to be a better way. I am guessing since it is a mobile responsive design that is how it is laid out but I am wanting something that showcases more items than one. 

 

The website is rowensdresser.com Any help would be greatly appreciated! 

 

Thanks, 

Abby 

Link to comment

3 answers to this question

Recommended Posts

  • 0

Site URL: https://www.rowensdresser.com/shop

I am looking for someone who can help me with coding on an e-commerce site. On their shop page, when I am on my mobile only shows one item at a time and you have to tediously scroll and scroll to the next product VS when I am on a laptop it shows three items at a time. I know it's responsive design BUT Is there a way to add code to the site to have the mobile page show three items across instead of just one item at a time?

 

Any help would be appreciated. 

 

Thanks, 

Abby

Link to comment
  • 0
On 10/7/2021 at 2:43 AM, abbarrella said:

Site URL: https://www.rowensdresser.com/shop

I helped design a e commerce site for a client. On their shop page, when I am on my mobile only shows one item at a time vs when I am on a laptop it shows three items at a time. Is there a way to add code to the site to have the mobile page show three items across instead of just one item at a time where you have to scroll and scroll to see the products for sale? It just seems so tedious there has to be a better way. I am guessing since it is a mobile responsive design that is how it is laid out but I am wanting something that showcases more items than one. 

 

The website is rowensdresser.com Any help would be greatly appreciated! 

 

Thanks, 

Abby 

Add to Design > Custom CSS

@media screen and (max-width:767px) {
	.products.collection-content-wrapper .list-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    grid-column-gap: 10px;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...