Issues with scrolling

[Cesare_Rizzo]

There seems to be a “stutter” when scrolling down from, or up to, the top of the page. It seems to be linked to the height of the menu: when it is toggled, the “stutter” becomes that much larger.

I took a video showing what is going on. I could not upload it. Please find it here:

https://mega.nz/#!MdxiAazR!bUc6M6daGnVVKOkbKIcmouE3ndGlXrX67eEKrlvQa0U

The website is www.OrderOfTheGoldenTalon.com

Thank you for your help.

[christian]

Hey Cesare,

Yes, the issue is because of the height. But, the Original X Header wasn’t designed to be sticky on mobile and you forced it to be sticky using custom CSS.

The official solution to this would be to use a Pro built Header. I see you’re already using Pro so I’d strongly recommend you build a custom Header and enable the Sticky option.

If you wish to continue using the Original Header, you will need to add another override CSS and that is this:

@media (max-width: 979px) {
body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 100px;
}
}

You will need to adjust 100px in the code in case you will replace your logo or change the height of the Navbar.

Hope that helps.

[jade]

Hi @Cesare_Rizzo,

It seems that you have deleted your previous post.

Please let us know if you have any questions.

Thank you.