• Resolved Yokimato

    (@yokimato)


    I’m having a strange error where Disqus wont load if it’s at the base of the page.

    I’m using the Sage starter theme by Roots (roots.io). I was tearing my hair out, trying to figure out why Disqus wasn’t appearing.

    No javascript errors, code all there, but then adding a wrapper:

    <div class="comments-wrapper" style="padding-bottom: 1px;">
          <?php comments_template('/templates/comments.php'); ?>
        </div>

    and adding a single bit of padding at the bottom, it solved the issue. Is there a problem with Disqus needing an extra pixel beneath itself to load?

    https://www.ads-software.com/plugins/disqus-conditional-load/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Joel James

    (@joelcj91)

    Hi,
    What you mean by base of the page? Can you show me an example?

    Thread Starter Yokimato

    (@yokimato)

    Sorry, I was only able to upload an example.

    You’ll see I’ve only wrapped it with div.comments-wrapper

    If you use inspector to add some spacing and try to scroll, it should work.

    Otherwise, just like this, it wont

    Plugin Author Joel James

    (@joelcj91)

    Is that a live site? I see this issue for the first time. Why there is no footer section?

    Thread Starter Yokimato

    (@yokimato)

    It’s a staging site, but using the base theme “Sage” by Roots. https://roots.io/sage/

    I suppose it’s a stylistic change, but besides the point, right? Isn’t it odd? It can be fixed by simply adding some extra pixels beneath it, whether by padding, margin, or just any bit of element beneath it.

    Plugin Author Joel James

    (@joelcj91)

    Yes. You are correct!

    Adding something beneath it will fix the issue.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Error wont load if it's at the base of the page’ is closed to new replies.