Okay
  Public Ticket #2126369
Header animation and color after scroll
Closed

Comments

  • chi started the conversation
    August 23, 2019 at 4:26pm

    Hello, I tried to change the header color and animation speed but couldn't find the setting. What I want to do is, when scroll down;

    1. header disappears little quicker

    2. add transparency 30%.

    Thank you

  •  675
    Neuron replied
    August 24, 2019 at 12:44pm

    Hi Chiyomi,

    1) Add the following style in Appearance > Customize > Additional CSS.

    .l-primary-header--sticky .headroom {
        transition-duration: 0.1s !important;
    }

    You can play with the number it is represented in seconds, by default it's 0.3s.

    2) This is the class that you need to add CSS to make it with transparency 30% in the headroom.

    .l-primary-header--sticky .headroom.headroom--not-top {
    background-color: rgba(255, 255, 255, 0.3) !important;    
}

    Feel free to ask for anything you need.

    Kind Regards

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • chi replied
    September 11, 2019 at 5:09pm

    It worked! Thank you so much

  •  675
    Neuron replied
    September 12, 2019 at 8:19am

    You are welcome anytime, feel free to ask for anything you needsmile.png

    If you like our theme, please leave us a rate with 5 stars at ThemeForest, that would help us a lot.

    Kind Regards,
    NeuronThemes

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.