Back to Top button

Hi,
I use Sydney Pro
I would like to have the “back to top” button appear earlier. For example, after 200px scrolling, is this possible?

Hello there,

To accomplish it, try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    ;(function($) {

      $(window).scroll(function() {
        if ( $(this).scrollTop() > 199 ) {
          $('#page .go-top').addClass('show2');
        } else {
          $('#page .go-top').removeClass('show2');
        }
      });

    })(jQuery);
  1. Update
  2. Add this CSS code to Appearance > Customize > Additional CSS from dashboard.
    .go-top.show2 {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      visibility: visible;
      bottom : 11px;
    }

Regards,
Kharis