Okay
  Public Ticket #1634999
Remove the borders from the second header
Closed

Comments

  • Linda Campbell started the conversation
    July 8, 2018 at 8:32pm

    Hi,

    I would like to remove the border from the second header, so that the transition from the header to the second header is seamless and the small borders to the right of the social media icons go away.

    Thanks,

    Linda

  •  9,002
    Tahir replied
    July 9, 2018 at 10:49am

    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[data-header-color="custom"]:not(.material) #header-secondary-outer {
    border-bottom: 1px solid #fc7e2f !important;
}
body[data-header-color="custom"]:not(.material) #header-secondary-outer nav >ul >li >a {
    border-left: 1px solid #fc7e2f;
}
body[data-header-color="custom"]:not(.material) #header-secondary-outer nav >ul >li:last-child {
    border-right: 1px solid #fc7e2f;
}

    Thanks

    ThemeNectar Support Team 

  • Linda Campbell replied
    July 9, 2018 at 6:06pm

    Hi Tahir,

    Thanks, it worked!