Okay
  Public Ticket #366818
Slower Header Transition
Closed

Comments

  • Zech started the conversation
    February 5, 2015 at 8:30pm

    I was wondering how to make the transition happen slower from .transparent to .small-nav. I see this snippet of code here but not sure if this is where I change it as I'm not the js professional. Would I change the "0" to a higher number? If so I've tried this and don't see any difference.

    Thanks in advance!

  •  8,848
    Tahir replied
    February 6, 2015 at 5:59pm

    Hey Again!

    That is actually a css3 transition. You can time it differently by changin the "0.40 " .

    Add this into the Custom CSS box located in your Salient Options panel :
    body #header-outer[data-transparent-header="true"], body #header-outer[data-transparent-header="true"] .cart-menu {
    transition: background-color 0.40s ease, box-shadow 0.40s ease !important;
    -moz-transition: background-color 0.40s ease, box-shadow 0.40s ease !important;
    -webkit-transition: background-color 0.40s ease, box-shadow 0.40s ease !important;
}


    Thanks

    ThemeNectar Support Team 

  • Zech replied
    February 6, 2015 at 6:06pm

    Oh sweet! Sorry I guess what I meant more specifically was can I trigger the change to take place further down the scroll. So like in the middle of the slider, then have the transition take place.

  •  1,075
    ThemeNectar replied
    February 9, 2015 at 2:54am

    Hey Zech,

    You'd need to modify init.js file in regards as unfortunately this would take some custom development since that's handled with JS

    Cheers