How to reduce margins on product page for mobile (sense theme)

I am using sense theme and would like to reduce the margins between the product photos and the photo selector (don’t know what to call it) and the product title. I have attached a screenshot of this. I only need the margins reduced on mobile

.

Hello

Hello @Fariss
I have updated code, please replace with it

Please follow the below steps,

  1. Online store->themes->Actions->edit code->assets->base.css

  2. Paste this below code

.product__media-gallery .product__media-list.slider.slider--mobile{ 
    margin-bottom: -30px; 
}
.product .product__media-wrapper { padding-left: 0; margin-bottom: -15px; }
2 Likes

You’re literally amazing, i’ve been searching for this solution for DAYS!!!

Perfect, thanks a lot!! How can I apply it on every product page? It works on the standard product page but not on templates for products. Thanks a lot! :slightly_smiling_face: