So I was given these steps to fix a fading header issue…
@manekakknowle Please follow below steps to fix the header fading issue. Let me know whether it is helpful for you.
- From admin, go to “Online Store” → “Themes”.
- Click action button from the current theme and select “Edit code”.
- 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,
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…
1 Like
Hi @manekakknowle
You mean you dont like the transparent header right?
If it is check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.header__inner {
background: #8f993d;
}
.section-slideshow.palette--light.bg--neutral {
position: sticky;
top: 0;
}
And Save.
result:
Hi thank you for your reply. As you can see there was no change:
this is what I put in the code section
And the banner has even become even more faded as you scroll down:
this is what is in the code section:
Can you add the code in the Custom Css on the Customize theme.
When you click the header.
The right tab will visible, scroll down and youll find this.
Paste the code, save and refresh the browser afrer saving.
1 Like
