Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1399165
    DynamicVine
    Participant

    If I go to a page on mobile (e.g., http://dynamicvine.com/urgentcare/locations/ ), the page loads fine. If I scroll down, fine too. If I scroll back up, the top of the page continues to jump behind the nav.

    thoughts?

    #1399289
    Rupok
    Member

    Hi there,

    Upon checking your site I can’t see such issue. Try checking from different browser/device.

    Thanks!

    #1400868
    DynamicVine
    Participant
    This reply has been marked as private.
    #1401425
    Rue Nel
    Moderator

    Hello There,

    Thanks for updating in! To resolve this issue, please add the following JS code in the customizer, Appearance > Customize > Custom > Edit Global Javascript

    // Fixed Top Navbar
    // =============================================================================
    
    jQuery(function($) {
    
      var $body   = $('body');
      var $navbar = $('.x-navbar');
    
      if ( $body.hasClass('x-navbar-fixed-top-active') && $navbar.length > 0 ) {
    
        var boxedClasses = '';
    
        if ( $body.hasClass('x-boxed-layout-active') ) {
          boxedClasses = ' x-container max width';
        }
    
        $(window).scroll(function() {
    
          if ( $(this).scrollTop() >= 50 ) {
            $navbar.addClass('x-navbar-fixed-top' + boxedClasses);
          } else {
            $navbar.removeClass('x-navbar-fixed-top' + boxedClasses);
          }
    
        });
    
      }
    
    });

    We would loved to know if this has work for you. Thank you.

    #1410296
    DynamicVine
    Participant

    I believe this worked. I’ll let you know if there are any more problems with this. Thanks.

    #1410614
    Nico
    Moderator

    Feel free to let us know how it goes.

    Thank you so much.

  • <script> jQuery(function($){ $("#no-reply-1399165 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>