Docs

[KennethTaylor]

http://humpbackjunk.bluewhalehbj.wpengine.com/our-crew/

You can see the little glitch I’m talking about on this page. After the page loads and you even begin to scroll a little, the page jumps up as if the navbar disappears. I’m aware that this is happening when the .x-navbar-fixed-top class is added to the .x-navbar element. I’m just not sure how to combat that happening.

[Christian]

Hey Kenneth,

Would you mind removing the custom scripts in Appearance > Customize > Custom > Global Javascript then check if the issue persists. Please also try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Thanks.

[KennethTaylor]

It wasn’t corrected by either of those suggestions.

[Rupok]

Hi there,

It seems you have this code :

body.x-navbar-fixed-top-active .x-navbar-wrap {
  height: 100%;
}

Let’s update this to :

body.x-navbar-fixed-top-active .x-navbar-wrap {
  height: 155px;
}

Cheers!

[KennethTaylor]

Hi although that did fix the issue in one view I’ve fixed the issue with a bit of JS. It’s below if anyone else might need it.

$(window).resize(function () { // On window resize fire function
  // Get an element that I want to match heights with at all viewpoints.
  // In this case it's my inner navbar
  const elHeight = $(" .x-navbar-inner ").height();

  // On windows resize update the height of the underlying nav
  $(" body.x-navbar-fixed-top-active .x-navbar-wrap ").height(elHeight);           
});

Thank you.

[Nico]

Thank you so much for sharing.

Feel free to ask us again.

Thanks.

[Author]

Posts