Okay
  Public Ticket #2799460
Scroll not working when Amelia shortcode is used
Closed

Comments

  • Heather R Zacny started the conversation

    Please help!  If Amelia is "below the fold" users can't scroll to it.  

    This is urgent.  I use DIVI but I've tried with DIVI and without and get this issue.  

  • [deleted] replied

    Hi Heather

    Thank you for your purchase.

    Unfortunately, there is some conflict with the theme Divi, the scrolling issue comes up.

    There are two solutions to this. Add this script: 

    <script>
     var links = document.getElementsByTagName('a');
     for (var i = 0; i < links.length; i++) {
       if (links[i].href.includes('#')) {
         links[i].classList.add('et_smooth_scroll_disabled');
       }
     }
     document.querySelector('body').classList.remove('et_smooth_scroll');
    </script>

    to the pages where you have your Amelia shortcode.

    Or disable Smooth scrolling in Divi theme options. 

    You can also try adding this custom CSS on the page where Amelia is loaded:

    html {
      scroll-behavior: inherit;
    }

    Let me know if this helped.


  • Heather R Zacny replied

    Thank you.  Adding the script using a code module in DIVI fixed this issue.  I appreciate the quick response! 

  • [deleted] replied

    You are most welcomesmile.png

    I am glad to hear you managed to resolve the issue.

    If there is anything else we can assist you with please don't hesitate to open a new ticket we will gladly help.

    Have a wonderful day!