Okay
  Public Ticket #3245964
Scrolling Header Delay
Closed

Comments

  •  1
    cameoFilm started the conversation

    I have created a "second header" that behaves sticky when scrolling. That works also already so far over the function with the transparent header. Now I would like to delay the switching slightly so that it changes the header not immediately at the beginning of scrolling but after 20-30 pixels for example.

  •  1,877
    Judith replied

    Hello there,

    Thanks for choosing Salient.

    We don't have this option at the moment, however I'd request you send your website URL so that we can provide css for what's possible.

    Thanks.

  •   cameoFilm replied privately
  •  8,839
    Tahir replied

    Hey Again,

    You can delay it using the CSS below.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    body #header-outer[data-transparent-header="true"], body #header-outer[data-transparent-header="true"] .cart-menu {
        -webkit-transition-delay: 1s;
        transition-duration: 1s;
    }

    Thanks


    ThemeNectar Support Team 

  •  1
    cameoFilm replied

    it now delays the background of the header, but the logo still changes immediately unfortunately.

  •  8,839
    Tahir replied

    Hey Again,

    I am afraid there is no such Child Theme friendly option to alter this at the moment.

    Thanks 


    ThemeNectar Support Team 

  •  1
    cameoFilm replied

    okay, thx for the help