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):
body #header-outer[data-transparent-header=true].transparent {
border-bottom: none !important;
}
.ascend #header-outer.transparent[data-transparent-header=true][data-full-width=true] #top nav ul #search-btn a, .ascend #header-outer.transparent[data-transparent-header=true][data-full-width=true] #top nav ul #nectar-user-account a, .ascend #header-outer.transparent[data-transparent-header=true][data-full-width=true] #top nav ul .slide-out-widget-area-toggle a, .ascend #header-outer.transparent[data-transparent-header=true][data-full-width=true] #top .nectar-woo-cart .cart-contents {
border-left: none !important;
}
Hey guys
is it possible to have the effect that https://www.sagefrog.com/ uses for their nav bar in salient without any further plugins?
effect: once you scroll down the logo size of the font and logo reduce, once you scroll to the top again it goes back to big.
Thanks in advance.
Best,
K
Hey Again,
That is the Header Resize Option available in Salient Theme Options Panel -> Header Navigation Section.
Best
ThemeNectar Support Team
Okay gotcha but how do I get rid of the lines?
Hey Again,
Try using the Force Transparency Option in "Page Header Settings" Metabox . See screenshot : http://prntscr.com/gjnyit .
Best
ThemeNectar Support Team
Hey Tahir,
that option allowed me to have the nav bar transparent but I still see the lines.....
Hey,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
Hey Again,
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):
body #header-outer[data-transparent-header=true].transparent { border-bottom: none !important; } .ascend #header-outer.transparent[data-transparent-header=true][data-full-width=true] #top nav ul #search-btn a, .ascend #header-outer.transparent[data-transparent-header=true][data-full-width=true] #top nav ul #nectar-user-account a, .ascend #header-outer.transparent[data-transparent-header=true][data-full-width=true] #top nav ul .slide-out-widget-area-toggle a, .ascend #header-outer.transparent[data-transparent-header=true][data-full-width=true] #top .nectar-woo-cart .cart-contents { border-left: none !important; }Thanks
ThemeNectar Support Team
Okay that worked perfectly!
Thank you Tahir!