Make image bigger

Store Design
, , , , , ,
1

Hey all, can anyone help me remove the image slider just below the product images (like the image below) so that it looks like the reference ive provided on mobile (so that the image sits just above the product title)

Any help would be greatly appreciated.

Im using the spotlight theme btw.

URL: https://project-thirteen.com.au/products/raw-hem-trousers

IMG_1548.PNG
IMG_1548.PNG1170×2532 238 KB

IMG_1549.PNG
IMG_1549.PNG1170×2532 387 KB

2

@projectthirteen

please refer to the below code.

Option 1: please add below code in base.css file

@media screen and (max-width: 767px) {
  .product__media-wrapper .slider-buttons.no-js-hidden.quick-add-hidden {
	display: none;
}
}

OR

Option 2 : Paste below code into theme.liquid file before  tag
3

Hi @projectthirteen , I hope you are doing well.

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!