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

[ozdog]

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

.

[DipenPanchal]

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; }

[Ultasmile]

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

[fairix_]

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! 🙂