Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1132518
    kisschicken
    Participant

    I get a jerky movement as the browser scrolls past the breadcrumbs on Chrome and Safari. Any ideas how to get rid of it? Here’s an example of what I’m talking about. https://pristine.io/news/

    #1132586
    Nico
    Moderator

    Hi There,

    Thanks for writing in.

    I could not see any problem with your setup. Would you mind clarifying which part is not working well.

    You could share us a screencast so we could fully understanding. We’ll do our best to help you after we could fully understand it

    Thanks.

    #1133587
    kisschicken
    Participant

    Thanks for the quick reply. Here is a video showing the jumpiness on Chrome.

    #1133672
    kisschicken
    Participant

    Apparently the file is too big. Here’s a drop box link. https://www.dropbox.com/s/t0kuh1sqtzndv27/Jerky%20Bread.mov?dl=0

    #1133841
    Rupok
    Member

    Hi there,

    Thanks for clarifying. Since the breadcrumb position is not fixed; it will be hidden on scroll and that’s seems normal. It’s same for all browsers as I can see. Do you want to make it fixed with the Navbar?

    Let us know what you are thinking.

    #1136869
    kisschicken
    Participant

    Yes, fixed with the nav bar would work. How do we do that?

    #1137142
    Joao
    Moderator

    Hi There,

    Please add the following code to Appereance Customizer Javascript:

    jQuery(function($){ setInterval(function(){ 
    
    if( $('.x-navbar.x-navbar-fixed-top').length > 0 ) {
    	$('.x-breadcrumb-wrap').css({position:'fixed', top: '65px', width: '100%', 'z-index': 1000 });
    } else {
    	$('.x-breadcrumb-wrap').attr('style','');
    }
    
    }, 200); });

    Let us know how it goes,

    Joao

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