Support » Theme: Hueman » Sticky sidebar and load images on scroll – BUG

  • With sticky sidebar turned on and Load images on scroll also on, if an image is at the bottom of a page, the sidebar bugs out. I’m testing in Google Chrome latest version, are you seeing what I’m seeing how it cuts my sidebar off?

    ‘Load images on scroll’ turned ON: https://www.rockitpro.com/buyabeat/
    ‘Load images on scroll’ turned OFF: https://newtestsite.rockitpro.com/buyabeat/

    I tested and disabled Load images on scroll and the sidebar works properly as it should on my test site above.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Nicolas

    (@nikeo)

    Hi, yes I could reproduce the problem on https://www.rockitpro.com/buyabeat/.
    This is quite difficult to debug. A possible workaround would be to try changing the position of the paypal image in the sidebar by using the HTML widget.
    I hope it can help

    @nikeo You mean change the position with CSS? Currently I have the image code pasted directly in my child theme in the sidebar.php file. I tried pasting the code in an HTML widget and that didn’t fix it. The code is:

    <img class="paypal-sidebar" src="https://www.rockitpro.com/misc/rockitpro-paymentsaccepted.png" width="289" height="75" alt="RockItPro.com Secure Payments">

    If you scroll down until it bugs out, notice the dynamic css on sidebar s1 collapsed changes to top: 892px;, then slowly scroll back up until the sidebar snaps back to the top and then scroll back down slowly and the new css is correct at top: 553px; and the PayPal image shows correctly.

    I think that’s the issue but I have no clue how to fix that. Any ideas?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sticky sidebar and load images on scroll – BUG’ is closed to new replies.