[RadModerator]

This reply has been marked as private.

[uberphotoParticipant]

It looks like I was using scroll-to, not scroll_to — I tried it both ways, though and the gap remains. I don;t know what you are seeing, but unless I am missing something -very- obvious (again, a possibility), it is not working on the gallery pages.

[RadModerator]

Hi there,

I went ahead and added scroll_to on the button here /family-pet-photography/

It works, but another script has the conflict with the code due to touch events. I went ahead and updated into this,

jQuery(function( $ ){

  $( document ).ready( function() {
    setTimeout ( function() { //Let's set priority
    
      $('.scroll_to').off('click touchend touchstart').on('click', function(e) {

      var navbarFixedTopHeight = $('.x-navbar-fixed-top-active .x-navbar').outerHeight();

      e.preventDefault();
      e.stopPropagation();

       $('html, body').animate({
           scrollTop: $('#' + $(this).attr('href').split("#").slice(-1)[0] ).offset().top - navbarFixedTopHeight
       }, 700, 'swing');

    } );
      
    }, 300 );
    $(window).scroll();
	} );
});

It will only work when the site is finished loading.

And I think it’s best to disable the loading screen while we’re troubleshooting it. It’s always stuck on that loading screen at least on my end. And please try disabling the Gravity form too, it’s throwing an error.

Thanks!

[uberphotoParticipant]

This reply has been marked as private.

[uberphotoParticipant]

This reply has been marked as private.

[RadModerator]

This reply has been marked as private.

[uberphotoParticipant]

I don’t know what’s different between your setup and mine, Rad, but it doesn’t matter how long I wait, if cache is empty, logged in or not, incognito, Chrome, Firefox, iDevice, or Android (Note 4), network, whatever — for me, it does the same thing repeatedly and -consistently-.

I see your video and can only look at it and blink. I’m at a loss.

[RadModerator]

Hi there,

I think we should fix the loading issue first, it happens on mobile view but just okay on the desktop. I have hard time troubleshooting it too due to that slow loading, sometimes it’s infinite.

At this moment, there are 23 console errors, there are two types

1. Font’s cross-origin issue

2. 401 (Unauthorized) error

You should contact your hosting provider (WPEngine) to fix those cross-origin errors. The CDN used on those fonts are from their own (eg. http://uberphoto.wpengine.netdna-cdn.com/wp-content/plugins/dhvc-woocommerce-page/assets/fonts/awesome/fonts/fontawesome-webfont.woff?v=4.0.3 ). They should allow those since those fonts are served from their own CDN.

As for 401 Unauthorized Error, it could be related to HTTP authentication. Please disable the authentication for while we’re troubleshooting. It’s the authentication that pops and ask the credentials provided from reply #1055159

Thanks!

[uberphotoParticipant]

Thanks — some overlapping things happening at the moment. WPengine CDN was just activated an hour or so ago and they have, thus far, been unable to resolve the icon cross-origin issue. They’re working on it, though — I’ll update here when all of the conflicting things have been resolved and we can get back to the weirdness. 🙂

Thanks again!

[RadModerator]

Hi there,

Sure, please let us know 🙂

Thanks!

[uberphotoParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

I think I know the issue and that’s because it can’t scroll anymore. Scrolling is not permitted since it reached the max height.

Try his one, instead of clicking the button to scroll it, just tap and hold on screen and scroll it. Scroll it up over and over and you’ll see it will not scroll.

Try increasing the height of your page or section until it expands height enough for scrolling.

Thanks!

[uberphotoParticipant]

Changing the height, padding, margin (positively or negatively) does nothing. Even when it seems like something happens, as soon as you go up and click the button, it does the same thing — even if there is more to scroll before the page ends, it still stops dead with a 10-12px gap under the nav. I even tried un-fixing the footer, and still the same result.

[RadModerator]

Hi there,

1. Your footer is floating and even covering the gallery, hence, it’s not included in the total height of your page. Please check this video, https://www.dropbox.com/s/xxqxs9sp170c265/bandicam%202016-07-01%2016-21-36-880.mp4?dl=0

a. Once I remove the floating styling, the height increase, the scroll position works.

b. When I remove the footer and increased the section’s height, the scroll position works too.

That shows, that your page should have enough height for it to scroll.

Again, you can confirm it by scrolling it manually by touch-hold-scroll instead of tapping the button. There is no any content under the gallery, hence, no additional height and no more to scroll.

2. And I think I found the reason why it’s still picked as 60px instead of 50px. Please add this CSS as well,

@media (max-width: 979px) {
.x-navbar {
    height: 50px !important;
}
}

Thanks!

[uberphotoParticipant]

Thanks — as it turns out, all that was needed was that bit of css and increasing the bottom padding of the last section by 20px. So far so good, anyway… I appreciate you sticking with me on this!

[Author]

Posts