da112601 Posted December 20, 2015 Share Posted December 20, 2015 (edited) 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 Edited December 20, 2015 by da112601 (see edit history) Link to comment Share on other sites More sharing options...
SupportPS Posted December 20, 2015 Share Posted December 20, 2015 Hello Write a link to your site. Link to comment Share on other sites More sharing options...
da112601 Posted December 20, 2015 Author Share Posted December 20, 2015 http://www.jezzco.com Thank you for help!! Link to comment Share on other sites More sharing options...
SupportPS Posted December 20, 2015 Share Posted December 20, 2015 because you do not add photos to the product. Now I can not find the problem on the site Link to comment Share on other sites More sharing options...
da112601 Posted December 21, 2015 Author Share Posted December 21, 2015 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 Link to comment Share on other sites More sharing options...
SupportPS Posted December 21, 2015 Share Posted December 21, 2015 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. Link to comment Share on other sites More sharing options...
da112601 Posted December 21, 2015 Author Share Posted December 21, 2015 So how can I change it correctly? Thank you for your help Link to comment Share on other sites More sharing options...
SupportPS Posted December 21, 2015 Share Posted December 21, 2015 add to your http://jezzco.com/mo/themes/default-bootstrap/css/global.css next: @media (max-width:480px) { ul.product_list.grid > li { float: left; width: 50%; } } 1 Link to comment Share on other sites More sharing options...
SaLiC Posted July 18, 2018 Share Posted July 18, 2018 (edited) 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 :/ Edited July 18, 2018 by SaLiC (see edit history) Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now