How can I reduce the space between the header and body?

Store Design
1

I want to reduce or remove this space between header and body.

store: https://bloomlyn.myshopify.com/products/mini-succulent-usb-humidifier?_pos=1&_psq=m&_ss=e&_v=1.0

tt.JPG
tt.JPG1361Ă—228 19.8 KB

2

Hi @djawedbhn !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

Please paste this code at the bottom of theme.css under assets in theme code files

.page-content–product{
margin-top: -54px !important ;
}

.toolbar+.header-sticky-wrapper .site-header{
margin-top: -37px !important ;
}

You can change px as you want

Best Regards;

PageFly

3

Hi PageFy support!

Thank you so much for helping me with this code it works perfectly in desktop. But when I check on mobile has completely ruined ( half of product image hidden under header ).

So I think I will reduce margin top to -10px expect if there is any code that edit only desktop view.