Product Pages in Mobile landscape and portrait displays

Hey everyone,

I’m having trouble with the conversion of how product pages are displayed in mobile devices. Product pages look great in Desktop and Tablet, but for mobile, the product images all stack on top of each other in rows. User will scroll quite a bit from top to bottom in their iphones. Is there a way to change them so they appear as a slider in one row? How do you go about disconnecting them so I guess the solution here is a total different layout is used for mobile vs desktop / tablet devices.



Yes, hide the divs you don’t want on mobile and build a new mobile experience that is hidden on larger breakpoints.

1 Like