Docs

[Gnosis123]

on pages with breadcrumb wrapper the navbar box shadow vanishes on scroll.

I’ve tried various z-indexing both navbar + and breadcrum – but to no avail.

tried applying box shadow to .masthead as in other post but didn’t work. Lowering the breadcrumb leaves a gap.

[Gnosis123]

This reply has been marked as private.

[Gnosis123]

This reply has been marked as private.

[Rue Nel]

Hello There,

After investigating the issue, it seems that this block of js code is causing an error. Could you please comment out this block:

jQuery(function ($){
  $( '.topbar-menu li:has(ul)' ).doubleTapToGo();
});

Please let us know so we can test again.

[Gnosis123]

I’ve commented it out but its still happening.

[Rue Nel]

Hello There,

Now that there are no longer any JS error on the page, please add the following JS code in the customizer, Appearance > Customize > Custom > Javascript

jQuery(function($) {

  var $body   = $('body');
  var $navbar = $('.x-navbar');

  if ( $body.hasClass('x-navbar-fixed-top-active') && $navbar.length > 0 ) {

    $(window).scroll(function() {

      if ( $(this).scrollTop() >= 130 ) {
        $navbar.addClass('x-navbar-fixed-top');
      } else {
        $navbar.removeClass('x-navbar-fixed-top');
      }

    });

  }

});

Please let us know how it goes.

[Gnosis123]

Brilliant! Works like a charm!

Many Thanks Rue

[Paul R]

You’re welcome! 🙂

[Gnosis123]

This reply has been marked as private.

[Gnosis123]

Don’t worry. I’ll cut the jquery and add a top shadow inset to the breadcrumb wrap. Thanks for your help!

[Paul R]

You’re welcome! 🙂

[Author]

Posts