Sense Theme - Padding Below Product Image

Hi,

Does anyone know how to reduce the white space below the product image on mobile?

Thanks!

1 Like

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Store: https://thegrillbrick.com/products/the-grill-brick

Password: deufem

Thanks!

Hi @tophammer ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-slider.css->paste below code at the bottom of the file:
@media (max-width: 749px) {
.product__media-gallery .slider,
.product__media-gallery .slider .product__media-item {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like

Amazing, thanks so much!

  1. Go to Online Store-> Theme->Edit code
  2. Asset->/component-slider.css->paste below code at the bottom of the file:
@media screen and (max-width: 749px) {
.product__media-gallery .slider,
.product__media-gallery .slider .product__media-item {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
}

I did exactly this, and nothing is happening… what Am I missing ?