"Reach Theme" header over slideshow

Excursionist
16 0 4

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

Shopify Partner
12106 1487 4401

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?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Excursionist
16 0 4

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 
0 Likes
Shopify Partner
12106 1487 4401

@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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Shopify Partner
559 61 94

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.

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gmail.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
0 Likes
Excursionist
16 0 4

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:

Bildschirmfoto 2020-11-27 um 11.27.06.png

any idea for all subpages?

thanks a lot for you help! 

0 Likes