how to remove big space for mobile on shopify brooklyn product page

[Kevin1966]

Hello. I'm using Brooklyn theme. There is a big gap between picture and slide dots on product page for mobile when more than 1 pictures. If single photo, looks normal.  It looks like a thumbnail space , but shows blank.  How to remove it?

[UmairA]

Hi @Kevin1966 ,

Please share your store URL so I can take a closer look and post a solution here. Thanks

Umair Abbas

[Kevin1966]

https://wonderna.com/products/ultra-bone-formula

[Kevin1966]

Thank you , should try on mobile.

[UmairA · Accepted solution]

@Kevin1966 ,

Add the following code to your theme.scss.liquid file

@media only screen and (max-width: 480px) {
.template-product .product-single__media-group {
height: 55% !important;
}
}

Let me know if you need help with anything else.

Umair Abbas

[Kevin1966]

Grea, it works! Thank you vey much!

[Elad1]

where can i add this code?

i tried to paste him on the bottom of the file, didnt work

thank you