Pipeline theme - header is fading

[manekakknowle]

How do I make header fixed when scrolling up and down I am using PIPELINE theme? It is currently fading like this:

 

 

However I want it static like this: 

[niraj_patel]

Hello @manekakknowle 
Can you share store URL?

[manekakknowle]

https://04a275-e5.myshopify.com/?_ab=0&_fd=0&_sc=1&preview_theme_id=167181615399

[niraj_patel]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  header .wrapper--full {
     background: #8f993d !important;
  }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Vinsinfo]

@manekakknowle Please provide your store URL to help you on this.

[manekakknowle]

https://04a275-e5.myshopify.com/?_ab=0&_fd=0&_sc=1&preview_theme_id=167181615399

[Vinsinfo · Accepted solution]

@manekakknowle Please follow below steps to fix the header fading issue. Let me know whether it is helpful for you.

1. From admin, go to "Online Store" -> "Themes".

2. Click action button from the current theme and select "Edit code".

3. Go to "theme.css" file and paste the below code at the bottom of the file and save changes.

.js__header__stuck.js__header__stuck__backdrop .theme__header:after {
  opacity: 1 !important;
}

Result will be like,

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

[manekakknowle]

That's great - thanks so much it worked!

[manekakknowle]

So this has worked when you scroll down however when I am at the top of the homepage it looks like this: 

I need the sticky banner at the top as well.

 

Can you please assist here.

This the website link : https://04a275-e5.myshopify.com/?key=2302b92a75ab7d98ed9b65659ef1105ae8625eb9c25c91a9eb1b6dbe0d8e2b5...

[Vinsinfo]

@manekakknowle Seems you have done some fixes to it. Feel free to react out if you need any assistance.