Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1341556
    amihaidani
    Participant

    Hello,

    I made my mobile header fixed with the usual css tip from you guys.
    However, after i start scrolling (any page), the starting point for the page is suddenly set to 0 (and not the header bottom).
    Which means, that the start of the page is hidden behind the header.
    Any help with that?
    Thank you! 🙂

    #1341559
    amihaidani
    Participant
    This reply has been marked as private.
    #1341670
    Joao
    Moderator

    Hi There,

    Your page seems fine on my end, would you mind providing more detailed info about the issue?

    Thanks

    #1341703
    amihaidani
    Participant

    Hello Joao,

    I’ll give you another page sample, just scroll down, and then go straight back to top.

    you’ll see that the whole page is going up by 65px (the height of the header), and hides behind the header.
    i checked it on both safari and chrome on iphone 6s

    Thank you.

    #1341705
    amihaidani
    Participant
    This reply has been marked as private.
    #1341846
    Joao
    Moderator

    Hi There,

    On What browser and device you are using while experiencing the issue?

    I checked on my Chrome PC in multiple sizes and Firefox Anddoid and did not notice anything still.

    Please let us know more details,

    Thanks

    #1341884
    amihaidani
    Participant

    Hello,

    As i mentioned, i’ve tested it on Chrome & Safari on Iphone 6S.

    #1342038
    Nabeel A
    Moderator

    Hi again,

    I was able to replicate the issue. You can fix it by adding the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

    function stop_jumps() {
    	jQuery('header.masthead.masthead-inline').css('height', jQuery('.x-topbar').height() + jQuery('.x-navbar').height());
    }
    jQuery(document).ready(function(){
    	stop_jumps();
    });
    jQuery(window).resize(function(){
    	stop_jumps();
    });

    But before adding the code there is a syntax error in your JS Customizer. Please remove the faulty code first otherwise this won’t work.

    Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

    #1342097
    amihaidani
    Participant

    I know you hear that alot, but you’re the best.
    Seriously.

    You guys save my ass time after time.

    It worked, and thank you for the heads up on the syntax error!

    #1342519
    Prasant Rai
    Moderator

    Happy to hear that. Feel free to ask us again. Have a great day! 🙂

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