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

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

ozdog
Visitor
1 0 0

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

.Screenshot 2022-04-19 at 14.12.10.png

Replies 3 (3)

SetuBridge_
Shopify Partner
263 60 84

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

 

 

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution

Shopify Partner | Shopify E-Commerce Solutions Provider
Ultasmile
Excursionist
17 1 4

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

fairix_
Visitor
1 0 0

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