I'm currently using Ascend for my site. There's only a separator under the menu items, is it possible to add a line separator on top of menu too, so the logo is clearly separated from the menu? So I want 2 lines to run across the screen. I've attached a screenshot of the look I want for the menu. Thank you!
1. Turn on the Full Width Header Option in Salient Theme Options Panel -> Header Navigation Section .
2. 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):
Thanks so much! The line does appear on top, even though I made sure to tick the full width header option, it seems to have some padding? Please see attached image! Thank you!!
Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.
I'm currently using Ascend for my site. There's only a separator under the menu items, is it possible to add a line separator on top of menu too, so the logo is clearly separated from the menu? So I want 2 lines to run across the screen. I've attached a screenshot of the look I want for the menu. Thank you!
Hey,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
Hey Again,
1. Turn on the Full Width Header Option in Salient Theme Options Panel -> Header Navigation Section .
2. 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-format="centered-menu-under-logo"] #top .span_9 { border-top: 1px solid rgba(0,0,0,0.08) !important; padding-top: 13px; } #header-outer[data-full-width="true"] header >.container, body[data-slide-out-widget-area-style="simple"] #header-outer[data-full-width="true"] #mobile-menu { padding: 0px !important; }Thanks
ThemeNectar Support Team
Thanks so much! The line does appear on top, even though I made sure to tick the full width header option, it seems to have some padding? Please see attached image! Thank you!!
Hey Again,
I am still seeing this: http://prntscr.com/obcbg6 ?.
Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.
Best
ThemeNectar Support Team
Just added in the Custom css. Please check .
Best
ThemeNectar Support Team
Thank you! It's perfect!