Okay
  Public Ticket #457584
Boxed layout header
Closed

Comments

  • Sheryl started the conversation
    June 15, 2015 at 5:20am

    Hi, how can I add a drop shadow to my header when it scrolls? Preferably the same one used on the full background layout.

    So on landing page there's no drop shadow, it will just appear when it's scrolled.

    Thanks.

  •  8,851
    Tahir replied
    June 15, 2015 at 2:44pm

    Hey ,

    Could you provide the page url.

    Thanks

    ThemeNectar Support Team 

  •   Sheryl replied privately
  •  8,851
    Tahir replied
    June 16, 2015 at 3:36pm

    Hey,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    html body #boxed #header-outer {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22) !important;
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22) !important;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22) !important t;
}
.container-wrap, .project-title {
  margin-top: -94px!important;
}

    Shadow on scroll is not possible because there is no after scroll class added to the Header Outer Div.

    Thanks

    ThemeNectar Support Team 

  • Sheryl replied
    June 17, 2015 at 6:29am

    Oh okay. Thanks!