Make image bigger

[projectthirteen]

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

[Liquid_xPert_SJ]

@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 </body> tag
<style>
@media screen and (max-width: 767px) {
  .product__media-wrapper .slider-buttons.no-js-hidden.quick-add-hidden {
	display: none;
}
}
</style>

[steve_michael2]

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 </body>

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

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

Thanks!