How can I make my mobile display match my desktop layout?

Store Design
, , ,
1

Hi all!

I’m trying to get the desktop display to be the same as the mobile. Currently on desktop the image cards and options are displayed nicely together (see below)

desktop view
desktop view1339×859 317 KB

However, this is broken out on the mobile into separate sections with the buttons, which makes scrolling endless (see below)

Screenshot 2023-06-04 145554.png
Screenshot 2023-06-04 145554.png394×711 296 KB

Is there a way I can change the mobile view so these options are together like the desktop?

Any help most appreciated! :slightly_smiling_face:

2

Hey @ldmanagement

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

Capture.PNG
Capture.PNG369×817 340 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hi,

Thanks for that! :slightly_smiling_face: It looks better, but is it possible to have it appear they like the desktop version?

Instead of it being stacked on top of each other, it has two options either side, like the desktop version. Is that possible??

ldmanagement_2-1685908112949.png
ldmanagement_2-1685908112949.png999×641 766 KB

4

Hey @ldmanagement

It’s going to require some advanced further coding. You might need to hire a Shopify developer for that.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed