Remove Gap Between Header And Product Section

[martujv]

Hello!

Basically I want to remove the white gap between the transparent header and the product section on the product page (both in desktop and mobile versions). This way it would look like there is a transparent header on the product page, without any gap.

I attach images for reference

Mobile version

How the header looks like with the gap:

How the header should look like without the gap:

Desktop version

How the header looks like with the gap:

How the header should look like without the gap:

My website is: https://n6ia1fdm0ovh4srq-60150284501.shopifypreview.com and my theme is Stiletto

[Mehran_Ali]

Hi @martujv

It seems that you need the transparent header for all pages on both mobile and desktop version
Simply add this custom CSS in your theme base.css file it will make a transparent header

.header {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.header.is-sticky {
    background: white;
}

[martujv]

It worked! Thank you!