I need to know how to assign an image background to the header when it's sticky.
At the moment in the theme options I see only background color and transparency settings.
In the site you can see I set the background header that shrinks to a smaller one, but I prefer to start with a full height transparent header e and turn the header into a sticky one which has the same bg image.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hello,
I need to know how to assign an image background to the header when it's sticky.
At the moment in the theme options I see only background color and transparency settings.
In the site you can see I set the background header that shrinks to a smaller one, but I prefer to start with a full height transparent header e and turn the header into a sticky one which has the same bg image.
Hope you can help me! Thankyou
Hey ,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
#header-outer.small-nav { background-image: url(https://www.amygdala-studio.com/wp-content/uploads/2019/07/Amygdala-sfondo-header.jpg); }Thanks
ThemeNectar Support Team
Yes it works! Thankyou
Two more questions about the header:
1) Is it possible for the transparent header background image to fade out (or become transaparent) while scrolling to sticky one (small nav)?
2) When I scroll the page and come back to transparent header full height, the menu collapses on the logo, as in the attached images, why?
thanx
Hey Again,
No i am afraid not. Try turning off the Header Resize Option and check in here : http://prntscr.com/omgkir .
Best
ThemeNectar Support Team
If I turn off the Header resize option the header remains big, I don't need that....
For both questions nothing to do?
2.
Try adjusting these values : http://prntscr.com/omh6ww and http://prntscr.com/omh7ax .
Best
ThemeNectar Support Team