Solved

Pipeline theme - header is fading

manekakknowle
Excursionist
17 0 3

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

Screenshot 2024-05-21 at 12.34.56.png

 

However I want it static like this: 

Screenshot 2024-05-21 at 12.35.09.png

Accepted Solution (1)
Vinsinfo
Shopify Partner
318 116 114

This is an 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,
Vinsinfo_0-1716356718146.png

 

 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Replies 9 (9)

techlyser_web
Shopify Partner
1683 307 324

Hello @manekakknowle 
Can you share store URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
techlyser_web
Shopify Partner
1683 307 324

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>

techlyser_web_0-1716350751490.png

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

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

Vinsinfo
Shopify Partner
318 116 114

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

Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
Vinsinfo
Shopify Partner
318 116 114

This is an 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,
Vinsinfo_0-1716356718146.png

 

 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
manekakknowle
Excursionist
17 0 3

That's great - thanks so much it worked!

manekakknowle
Excursionist
17 0 3

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.

Screenshot 2024-06-06 at 18.52.46.png

 

Can you please assist here.

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

Vinsinfo
Shopify Partner
318 116 114

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

Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support