Hey guys, as the description under the option states - you must have a page header or nectar slider at the top of the page for it to activate. It's not a transparent header in the sense that it simply lowers the opacity of your header all the time; it works by being completely transparent at the top and then transitions into a solid color when scrolling. You can see this in action on the new live demo :)
XX - if you'd like a general transparent header - this could be accomplished with only a small bit of css. Add this into the custom css box in the Salient options panel:
Samaz - no the Home slider won't trigger the effect because its parallax effect is coded differently and wouldn't play quite as nicely as the more capable Nectar Slider
the snippet was intended to make the header transparent at all times as requested by X X - if your header is not activating when you have a Nectar Slider at the top, also check quickly to make sure you don't have any empty spaces in your "Page header settings" input at the bottom of your edit page screen. If that's not the case please open a private with you admin credentials so I can log in and see what's up.
I checked the transparent header option on and it isn't working or changing anything. Please help. Thanks!
Same for me. Does transparent headers not work with home-slider? Only works with nectar slider?
Hey guys, as the description under the option states - you must have a page header or nectar slider at the top of the page for it to activate. It's not a transparent header in the sense that it simply lowers the opacity of your header all the time; it works by being completely transparent at the top and then transitions into a solid color when scrolling. You can see this in action on the new live demo :)
Cheers
I think I speak for many users when I say that we would love to see a general transparent header option. Thank you for your help!
So no for home-slider?
Hey again guys,
XX - if you'd like a general transparent header - this could be accomplished with only a small bit of css. Add this into the custom css box in the Salient options panel:
#header-outer { background-color: rgba(255,255,255,0.92)!important; }Samaz - no the Home slider won't trigger the effect because its parallax effect is coded differently and wouldn't play quite as nicely as the more capable Nectar Slider
Cheers :)
This bit of code makes the header semi-transparent at all times (not just at the top of the page), which is not a solution for me.
I want to clarify that I am not using the "home slider"; I am using the "nectar slider" on a page that happens to be my home page.
Can you please determine why the header is not transparent on this home page: http://957.0d1.myftpupload.com/
Every other page with a nectar slider works just fine.
Note: The home page on the demo site shows a transparent header with a nectar slider.
Hey Eric,
the snippet was intended to make the header transparent at all times as requested by X X - if your header is not activating when you have a Nectar Slider at the top, also check quickly to make sure you don't have any empty spaces in your "Page header settings" input at the bottom of your edit page screen. If that's not the case please open a private with you admin credentials so I can log in and see what's up.
Cheers :)
Thanks!