How can i remove this white space? (Debutify 4.8)

Store Design
1

How can i remove the white space between my header and product image? Also between the secondary product images to product name? https://themagicplasma.com/products/order

Highlighted in green below

revelationusa_0-1651035650051.png
revelationusa_0-1651035650051.png975×1716 242 KB

2

@revelationusa - add this css to the end of your theme.scss file and check

@media screen and (max-width:749px){
.product-single .box{padding-top: 0;}

.product-single__meta--wrapper {margin-top: 0;}
}
3

@revelationusa

add this code to your theme.css file.

Navigate to online store >> Click edit theme code.

Now find theme.css and paste the following code:

@media (max-width:768px){
.product-single .box{padding: 0 important}
.grid__item product-single__meta--wrapper{margin-top: 0px !important;}
}