I have created a "second header" that behaves sticky when scrolling. That works also already so far over the function with the transparent header. Now I would like to delay the switching slightly so that it changes the header not immediately at the beginning of scrolling but after 20-30 pixels for example.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
body #header-outer[data-transparent-header="true"], body #header-outer[data-transparent-header="true"] .cart-menu {
-webkit-transition-delay: 1s;
transition-duration: 1s;
}
I have created a "second header" that behaves sticky when scrolling. That works also already so far over the function with the transparent header. Now I would like to delay the switching slightly so that it changes the header not immediately at the beginning of scrolling but after 20-30 pixels for example.
Hello there,
Thanks for choosing Salient.
We don't have this option at the moment, however I'd request you send your website URL so that we can provide css for what's possible.
Thanks.
Hey Again,
You can delay it using the CSS below.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Thanks
ThemeNectar Support Team
it now delays the background of the header, but the logo still changes immediately unfortunately.
Hey Again,
I am afraid there is no such Child Theme friendly option to alter this at the moment.
Thanks
ThemeNectar Support Team
okay, thx for the help