I've tried to use the same code, but for some reason I still see a very thin line under the menu; is there some way to get rid of it altogether?
I've realised this only shows when the page is in the topmost position (it disappears when scrolling and is not there when the menu reappears while scrolling back up. (http://hideandseek.magic-marinade.com/)
Can I also get rid of the vertical line next to the search icon?
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.transparent[data-transparent-header="true"].dark-slide, .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"].dark-slide >header#top nav ul #search-btn a, .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"].dark-slide >header#top nav ul .slide-out-widget-area-toggle a, html body #header-outer.transparent[data-transparent-header="true"].dark-slide .cart-menu, html .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].dark-slide .cart-menu:after, body #header-outer.transparent[data-transparent-header="true"].dark-slide >header#top nav ul #search-btn >div, body #header-outer.transparent[data-transparent-header="true"].dark-slide >header#top nav ul .slide-out-widget-area-toggle >div, #boxed #header-outer.transparent[data-transparent-header="true"].dark-slide, html body.ascend #boxed #header-outer.transparent.dark-slide .cart-menu .cart-icon-wrap i, html body.ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].dark-slide header#top nav ul #search-btn a:after, .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].dark-slide header#top nav ul .slide-out-widget-area-toggle a:after, html body #header-outer.transparent[data-transparent-header="true"][data-remove-border="true"].dark-slide .cart-menu:after {
border: none !important;
}
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):
I pasted that code in, but a thin white line still remains. This disappears on scrolling, but reappears when docked on top. You can see it happen here: http://hideandseek.magic-marinade.com/contact/
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):
@media only screen and (min-width: 1001px) {
html body #header-outer[data-transparent-header="true"].transparent {
border-bottom: none!important;
}
}
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):
.ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"] header#top nav ul #search-btn a, .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"] header#top nav ul .slide-out-widget-area-toggle a {
border-left:none !important;
}
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):
.ascend #header-outer[data-full-width="true"] header#top nav ul #search-btn a, .ascend #header-outer[data-full-width="true"] header#top nav ul .slide-out-widget-area-toggle a {
border-left: none !important;
}
Hello,
I'd like to remove the thick line under the menu. How to do it? Thank you!
I found out it myself :)
how did you do it, im looking for it for like ages now :(
Hey guys! For anyone interested, add this into the custom css box in your theme options panel
html body #header-outer[data-transparent-header="true"].transparent, body #header-outer { border-bottom: 0!important; box-shadow: none!important; }Cheers :)
Thank you!
I've tried to use the same code, but for some reason I still see a very thin line under the menu; is there some way to get rid of it altogether?
I've realised this only shows when the page is in the topmost position (it disappears when scrolling and is not there when the menu reappears while scrolling back up. (http://hideandseek.magic-marinade.com/)
Can I also get rid of the vertical line next to the search icon?
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.transparent[data-transparent-header="true"].dark-slide, .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"].dark-slide >header#top nav ul #search-btn a, .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"].dark-slide >header#top nav ul .slide-out-widget-area-toggle a, html body #header-outer.transparent[data-transparent-header="true"].dark-slide .cart-menu, html .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].dark-slide .cart-menu:after, body #header-outer.transparent[data-transparent-header="true"].dark-slide >header#top nav ul #search-btn >div, body #header-outer.transparent[data-transparent-header="true"].dark-slide >header#top nav ul .slide-out-widget-area-toggle >div, #boxed #header-outer.transparent[data-transparent-header="true"].dark-slide, html body.ascend #boxed #header-outer.transparent.dark-slide .cart-menu .cart-icon-wrap i, html body.ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].dark-slide header#top nav ul #search-btn a:after, .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].dark-slide header#top nav ul .slide-out-widget-area-toggle a:after, html body #header-outer.transparent[data-transparent-header="true"][data-remove-border="true"].dark-slide .cart-menu:after { border: none !important; }Thanks
ThemeNectar Support Team
Thanks Tahir, this seems to have worked on the home page, but there's still a really thin line visible on the other pages somehow: http://hideandseek.magic-marinade.com/services/
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):
#header-outer[data-box-shadow="small"] { box-shadow: none !important; }Thanks
ThemeNectar Support Team
Hi Tahir,
I pasted that code in, but a thin white line still remains. This disappears on scrolling, but reappears when docked on top. You can see it happen here: http://hideandseek.magic-marinade.com/contact/
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):
@media only screen and (min-width: 1001px) { html body #header-outer[data-transparent-header="true"].transparent { border-bottom: none!important; } }Thanks
ThemeNectar Support Team
Thanks a ton! That worked perfectly. Is there a way I can get rid of the vertical line next to the search icon?
I really appreciate the speedy responses, thank you.
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):
.ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"] header#top nav ul #search-btn a, .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"] header#top nav ul .slide-out-widget-area-toggle a { border-left:none !important; }Thanks
ThemeNectar Support Team
It still seems to show when scrolling upwards (screenshot attached).
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):
.ascend #header-outer[data-full-width="true"] header#top nav ul #search-btn a, .ascend #header-outer[data-full-width="true"] header#top nav ul .slide-out-widget-area-toggle a { border-left: none !important; }Thanks
ThemeNectar Support Team
Perfect, solved!
Thank you for your patience!