Banner bounce issue

Support
#1

I’m having an issue when I scroll down my page. I followed these instructions here:

What adjustment do I need to stop this “bounce” from occurring?

I can provide the website for you as well

Thanks!

#2

Hello @teddyjames23,

Thanks for writing in! I have checked your site and I could not see any bouncing animation. Did you happen to remove your custom code already?

Please let us know.

#3

Thanks for you swift response! I still have the custom code on my site. Maybe theres a way to adjust the speed? This is only on desktop, as I don’t think it will matter with mobile version.

#4

Hi again,

You can reduce the transition delay in your code, try replacing this part of your code:

.x-navbar .x-brand img {
    width: 100%;
    transition: width 0.5s ease;
    -webkit-transition: width 0.5s ease;
}

With this:

.x-navbar .x-brand img {
    width: 100%;
    transition: width 0.1s ease;
    -webkit-transition: width 0.1s ease;
}

To learn more about CSS transitions please see https://www.w3schools.com/css/css3_transitions.asp

Hope this helps!

#5

Thanks guys! Solved it!

#6

You’re welcome!
We’re glad @Nabeel were able to help you out.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.