[xdanladParticipant]

Hi Guys,

I cannot get the content blog plugin to display on my blog page, i also noticed the ‘scroll to top’ icon does not display either, it seems to be just this page that is affected.

Any help greatly appreciated.

[xdanladParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

Thanks for writing in!

We need your wordpress admin access to be able to check on this. Thanks

[xdanladParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

In regards with scroll top anchor please remove custom JS code and check if it solves the issue, also please try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

In regards with content dock, please follow this thread : https://community.theme.co/forums/topic/content-dock-not-appearing-on-blog-page/#post-170000

Hope that helps.

[xdanladParticipant]

Ok thanks,

I have just followed the article to fix the content dock on the blog replacing the lines of code as necessary but it has not fixed the problem.

Dan

[xdanladParticipant]

Apologies had to enable and re-enable the plugin – That’s sorted it.

Many Thanks!

[xdanladParticipant]

Sorry I may have been mistaken it does not seem to work after-all.

I thought i saw it appear once but not anymore.

[ChristopherModerator]

Hi there,

Content dock displays fine in blog page, please check the attachment.
Please clear cache and check again.

Thanks.

[xdanladParticipant]

Ok after more investigation,

This DOES work but ONLY if you have already scrolled to the bottom of the blog page then hit the browser ‘refresh’ button.

[xdanladParticipant]

It only works for me when a scroll to the bottom of the page (google chrome) then hit refresh, doesn’t work at all in Internet Explorer.

Both test run in ‘private browsing’ mode.

[Paul RModerator]

Hi,

Can you try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Thanks

[xdanladParticipant]

Hi There,

Just disabled every plugin and the problem was still there unfortunately.

Thanks

[ZeshanMember]

Hi there,

Thanks for updating the thread!

Please try adding this JS code under Custom > JavaScript in the Customizer:

// Custom jQuery for Footer Scroll Top Anchor
jQuery(document).ready(function($) {
  var windowObj            = $(window);
  var body                 = $('body');
  var bodyOffsetBottom     = windowObj.scrollBottom();             // 1
  var bodyHeightAdjustment = body.height() - bodyOffsetBottom;     // 2
  var bodyHeightAdjusted   = body.height() - bodyHeightAdjustment; // 3
  var scrollTopAnchor      = $('.x-scroll-top');
  function sizingUpdate(){
    var bodyOffsetTop = windowObj.scrollTop();
    if ( bodyOffsetTop > ( bodyHeightAdjusted * 0.5 ) ) {
      scrollTopAnchor.addClass('in');
    } else {
      scrollTopAnchor.removeClass('in');
    }
  }
  windowObj.bind('scroll', sizingUpdate).resize(sizingUpdate);
  sizingUpdate();
  scrollTopAnchor.click(function(){
    $('html,body').animate({ scrollTop: 0 }, 850, 'easeInOutExpo');
    return false;
  });
});

// Custom jQuery for Contact Dock
jQuery(document).ready(function($) {
  $.fn.scrollBottom = function() {
    return $(document).height() - this.scrollTop() - this.height();
  };
  var executed             = false;
  var windowObj            = $(window);
  var body                 = $('body');
  var bodyOffsetBottom     = windowObj.scrollBottom();
  var bodyHeightAdjustment = body.height() - bodyOffsetBottom;
  var bodyHeightAdjusted   = body.height() - bodyHeightAdjustment;
  var contentDock          = $('.x-content-dock');
  function sizingUpdate() {
    var bodyOffsetTop = windowObj.scrollTop();
    if ( bodyOffsetTop > ( bodyHeightAdjusted * 0.5 ) ) {
      if ( ! executed ) {
        executed = true;
        contentDock.toggleClass('x-content-dock-off').toggleClass('x-content-dock-on').css('right', '20px');
      }
    }
    $('.x-close-content-dock').click(function(e) {
      e.preventDefault();
      contentDock.toggleClass('x-content-dock-off').toggleClass('x-content-dock-on').css('right', '-450px');
    });
  }
  windowObj.bind('scroll', sizingUpdate).resize(sizingUpdate);
  sizingUpdate();
});

Let us know how it goes.

Thank you!

[xdanladParticipant]

Tried the ‘Custom jQuery for Contact Dock’ and it did nothing. 🙂

[Author]

Posts