Tagged: x
-
AuthorPosts
-
January 23, 2017 at 8:47 am #1341556
amihaidaniParticipantHello,
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! 🙂January 23, 2017 at 8:48 am #1341559
amihaidaniParticipantThis reply has been marked as private.January 23, 2017 at 10:04 am #1341670
JoaoModeratorHi There,
Your page seems fine on my end, would you mind providing more detailed info about the issue?
Thanks
January 23, 2017 at 10:20 am #1341703
amihaidaniParticipantHello 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 6sThank you.
January 23, 2017 at 10:20 am #1341705
amihaidaniParticipantThis reply has been marked as private.January 23, 2017 at 11:54 am #1341846
JoaoModeratorHi 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
January 23, 2017 at 12:18 pm #1341884
amihaidaniParticipantHello,
As i mentioned, i’ve tested it on Chrome & Safari on Iphone 6S.
January 23, 2017 at 2:04 pm #1342038
Nabeel AModeratorHi 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!
January 23, 2017 at 2:52 pm #1342097
amihaidaniParticipantI 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!
January 23, 2017 at 8:45 pm #1342519
Prasant RaiModeratorHappy to hear that. Feel free to ask us again. Have a great day! 🙂
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1341556 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
