Jump to content

2 Products Per Row on Mobile- misalignment


mjfaulkner

Recommended Posts

I'm having the same issue outlined in this thread (unfortunately couldn't reply to it or get a working solution from there)

 

https://www.prestashop.com/forums/topic/370354-2-product-columns-for-mobile/

 

That is, I'm trying to display products per row when viewing on a mobile and changed the product-list.tpl from col-xs-12 to col-xs-6 to achieve this. Unfortunately, when viewing on a mobile, some lines will only display one product instead of 2, leaving an ugly looking gap. 

 

The problem seems to only happen when on rows below where the product on the left has a longer description or is an extra line longer than the one on the right. Problem only occurs on mobile phone (Nexus 6P), it's fine on tablet. Problem can be recreated on desktop by squeezing browser window to narrowest setting.

 

Greatly appreciate any solutions or workarounds anyone has. I'm using Prestashop 1.6.0.8 Default Bootstrap theme and webpage with issue is below:

 

http://simplysmoothskincare.com/store/45-le-mieux-skincare

 

 

 

post-750645-0-67700000-1500153273_thumb.png

Link to comment
Share on other sites

  • 6 months later...
  • 7 months later...
  • 1 year later...
  • 4 months later...
  • 3 months later...

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...