Remove the white space between header and product image in mobile version (REFRESH THEME)

Store Design
1

Hello

I hope everyone is doing well

I want to reduce the white space between header and first image for mobile version in Refresh theme

Any help would be highly appreciated?

chrome-capture-2022-11-2.png
chrome-capture-2022-11-2.png398×760 246 KB

Thanks

2

https://www.thespinninglight.com/products/galaxy-projector

Refresh Theme

3

Hello @rafay2 ,

I have check for you

and I see you are using the image different size, so it create bug this

I have 2 ways for you

  1. you can resize all image same size so your website will bester

  2. you can custom code to limit height image.

if you need me help , pls contact with me, I’ll do it for you

thank you.

4

Most images are of 800x800 i think the solution is custom code

Sending you a email

5

@rafay2
put below code before closing tag in theme.liquid file .

only screen and (max-width:768px){
.product.product--small.product--left.product--columns.product--mobile-show.grid.grid--1-col.grid--2-col-tablet {
    margin-top: -210px !important;
}
}
6

Yes, I have reply,pls check email

thank you

7

Did that but nothing happened