Jump to content
da112601

Change Grid Product List On Mobile

Recommended Posts

Hi all,

 

I would like to change product list 1 item per row to 2 items on mobile view.

 

I follow article from forum and get the attachment result.

 

How can I fix it? thank all

 

http://www.jezzco.com

 

 

I have changed to 

 

col-xs-6 col-sm-3 col-md-4

 

mobile: 2/row

tablet: 4/row

desktop: 3/row

post-1032279-0-13493500-1450616948_thumb.jpg

Edited by da112601 (see edit history)

Share this post


Link to post
Share on other sites

Hi all,


 


I would like to change product list 1 item per row to 2 items on mobile view.


 


I follow article from forum and get the attachment result.


 


How can I fix it? thank all


 


http://www.jezzco.com


 


 


I have changed to 


 


col-xs-6 col-sm-3 col-md-4


 


mobile: 2/row


tablet: 4/row


desktop: 3/row


Share this post


Link to post
Share on other sites

Anything less than 480px you have is a single column. And it is right. Because if it is in two columns, then everything will look bad.

Share this post


Link to post
Share on other sites

Hi

I tried this (I know it is an old post..) It works And looks great in product pages. But In home featered, it loos fine at first. But when I scroll down, it appears that

1th line of products displays 2
2nd. display 1 product,
3rd display 2 product
4th display 1 product

 

and so forth. Can you help me? :)

 

 

And know I just realized that the pattern I explain above is not correct. After reload of the page I get 2 correct lines, 1 with only 1 product, 1 correct line, 1 with only 1 product, 4 correct.

 

So it does not have a systeme, and maybe it actually appears on product list as well :/

homefeatured-fejl.jpg

Edited by SaLiC (see edit history)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More