I want to change layout of viewing on ipad.

Shopify Discussion
1

Im viewing my shop from ipad, when viewing it through a link it looks like the first image (what i want). However when i open the shop on a browser, rather than viewing through a link the page looks like the second image attached (not what i want). Can someone help me make ipad view for this page to look like the first image please (not effecting desktop version).

Summary: I want the stock photo to be above all the product information / buy button on ipad view (Not effecting desktop version).

SHOP URL: https://c1e46d.myshopify.com/collections/all

00.jpg
00.jpg1640×2360 135 KB

000.jpg
000.jpg1640×2135 120 KB

2

@suoshie

yes i can see ipad this view

KetanKumar_0-1676258415401.png
KetanKumar_0-1676258415401.png960×833 109 KB

3

@suoshie

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media(max-width:991px) {
    .grid__item.product__info-wrapper,
    .grid__item.product__media-wrapper {
       width:100%;
    }
}
4

i want ipad to be like the other view do you know how i can do that?

5

If you put the code I gave, what does the problem occur?

6

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media(max-width:991px) {
    .grid__item.product__info-wrapper,
    .grid__item.product__media-wrapper {
       width:100%;
    }
   .product.product--large.product--thumbnail {
     padding: 0 50px;
   }
  .product__info-wrapper.grid__item {
    padding-left: 0;
  }
}
@media(max-width:428px) {
    .product.product--large.product--thumbnail {
     padding: 0;
   }
}