Fixed Navbar without animation?

[James Rogowy]

Is it possible to remove the Slide-down animation of the navbar and instead just have it as a fixed navbar as soon as a user starts scrolling? I find the animation very choppy when scrolling to the top. Basically I just want a navbar that doesn’t move and stays locked to the top.

[themearile]

Hi James Rogowy

Please add the below CSS code in the Additional CSS box to remove the animation effect of the sticky menu bar.

.header-fixed-top {
    -webkit-animation: unset !important;
    animation: unset !important;
}

Please let us know are you want to like this.

Thanks

[James Rogowy]

Not quite… it still has this strange jump whenever I scroll up or down for the first few pixels. I want to eliminate the jump altogether and just have the navbar scroll with the page.

[themearile]

Hi James Rogowy

If you want to disable the sticky menu then please select the static option on the menu.

For this GO to Appearance >> Customize >> Theme Options >> Menu

Here select the Menu Style is Static.

Let me know if it works.

Thanks

[James Rogowy]

Nope still not what I meant… I want the navbar to stay locked to the top the entire time. Currently, even with the animation removed, it disappears in the first 100 pixels or so and then reappears. Hopefully that makes sense.

[themearile]

Hi

Please add the below CSS code.

nav.navbar.navbar-expand-lg.navbar-light.header-sticky {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.1);
    opacity: 1;
    -webkit-animation: slide-down 1.07s;
    animation: slide-down 1.07s;
}
.navbar.header-fixed-top .nav {
    margin-bottom: 2.438rem !important;
    margin-top: 2.438rem !important;
}

And let us know.

Thanks

[James Rogowy]

Thanks for the fantastic support!

[themearile]

Dear James Rogowy

Glad to hear it and we are happy to help you. We hope you are enjoying the ArileWP theme.

Please help us improve our customer satisfaction by writing a quick review https://wordpress.org/support/theme/arilewp/reviews/?filter=5 We would be extremely grateful.

Please let me know if you need any further assistance..!

Thank you for your time.

Have a nice day..!

Thanks & Regards

ThemeArile

[Author]

Posts