"Reach Theme" header over slideshow

[Alicia_TNC]

Hi,

we just started to work with the Reach theme and i changed the header to transparent. But we still have a white bar on top, above the slideshow.

We would like to have the header content overlaying the slideshow (without the white bar).

I tried it a lot already, but couldn´t fing the right setting. any idea which code to change?

https://bklsxo01r7lk4x3q-50005835927.shopifypreview.com

thanks  a lot in advance

[KetanKumar]

Hello, @Alicia_TNC 

Welcome to the Shopify community!
and Thanks for your Good question.

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

[Alicia_TNC]

Hello @KetanKumar ,

thanks a lot for checking. 
Your are tight. It works on the start page now. 
But now I created problems on all other pages like https://bklsxo01r7lk4x3q-50005835927.shopifypreview.com/collections/gansedaunen-bettdecke and on mobile.

The best would be:

Header Desktop

• Header transparent over slideshow startpage/ homepage before scrolling down
• Header background white after scrolling on start page and all other pages

Header Mobile

• Header transparent over slideshow startpage/ homepage before scrolling down
  
  Any idea on this? Thanks a lot in advance 

[KetanKumar]

@Alicia_TNC 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.site-header-bordered .site-header-inner {
    background: #fff;
}

[UmairA]

Hey there @Alicia_TNC,

The solution is simple here.

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

.site-main {
padding-top: 0px !important;
}

Enjoy,

Let me know if you need help with anything else.

[Alicia_TNC]

Hi @UmairA @KetanKumar 

the combination of both codes worked quite well on dekstop. But only on the main page.

On all other page we have this problem:



any idea for all subpages?

thanks a lot for you help!