Docs

[kpundyk]

Just trying to figure out how to fix the menu scroll-to point when the menu goes to a mobile / hamburger icon. For some reason, it is not taking me to the top of each section – almost like there is a fixed height header it is scrolling too. Ideas on how to fix?

Take a look https://kor2inc.wpengine.com/ (only applies to browser sizes that trigger mobile menu).

[Rupok]

Hi there,

Your sections have large padding on top and I guess that’s why you are not getting expected result on mobile.

Thanks!

[kpundyk]

This reply has been marked as private.

[kpundyk]

This reply has been marked as private.

[kpundyk]

This reply has been marked as private.

[Rad]

Hi there,

Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

@media ( max-width: 979px ) {
.masthead {
min-height: 65px;
}
.x-navbar-fixed-top {
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
}
}

Then add this to Admin > Appearance > Customizer > Custom > Javascript

jQuery( document ).ready( function($) {

setTimeout( function() {

$('.x-one-page-navigation-active .x-nav-wrap.mobile a').off('touchstart touchend tap').on('click', function() { $('.x-btn-navbar').trigger('click'); } );

}, 1200 );

} );

Hope this helps.

[kpundyk]

It works only when you are clicking to a navigation item that is above the first one you click.

For example. I clicked to How It Works and it scrolled way to far into the section. But then if I clicked the menu item above it scrolled to that position properly. Very odd.

Like it works but only if you are selecting a menu item that is above the one you are on presently.

Ideas?

[Rad]

Hi there,

Would you mind providing your login credentials? I don’t see it being implemented, maybe there is a big difference between implemented directly and just tested with browser developer tools. Need to check it as directly applied.

Thanks!

[Author]

Posts