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

Change product layout on Mobile View


AnjArt

Question

Site URL: http://anjart.co.uk

Hi,

I've got a Nevins template and on the desktop I have 4 rows of products in the shop. On the mobile view its stacking one on top of the other, making it incredibly long for anyone scrolling through.

Is it possible to use code to display two products side by side on the mobile view without changing the desktop layout and can anyone tell me how to go about this?

Many thanks

Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

6 answers to this question

Recommended Posts

  • 0
29 minutes ago, tuanphan said:

Add to Home > Design > Custom CSS


@media screen and (max-width:767px) {
.list-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-row-gap: 5px;
    grid-column-gap: 10px;
}
}

 

Thanks so much! Worked a treat :)

Link to post
  • 0
On 8/7/2020 at 11:42 PM, tuanphan said:

Add to Home > Design > Custom CSS


@media screen and (max-width:767px) {
.list-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-row-gap: 5px;
    grid-column-gap: 10px;
}
}

 

@tuanphan Hi there. I'm having a similar issue with displaying products side by side on mobile. Here's my website: www.totaljoy.co

Could you please help out with some custom CSS to display two columns on mobile? Thank you x

Link to post
  • 0
4 hours ago, totaljoy said:

@tuanphan Hi there. I'm having a similar issue with displaying products side by side on mobile. Here's my website: www.totaljoy.co

Could you please help out with some custom CSS to display two columns on mobile? Thank you x

Where products?

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...