Here’s the development site I am working on: http://wholesale2.smseafood.com/

I have searched the forum and found things close but haven’t landed on it yet. What I want to do should be fairly simple and from what I have read ready, it involves custom javascript.

I am using revolution slider and the “Enable Scroll Bottom Anchor” in the page settings, however, I’d like the link to take the visitor further down the page so they land in the middle of the content band 2 (on desktop anyway, i know it won’t work exactly that way on tablets and mobile) so they see the text with a little of the images from content bands 1 and 3. I added an anchor id in the text of the second text area (in Content band 2) but don’t know how to put the anchor link into the slider. Can you give me the steps to doing that?

I know I can adjust where i put the anchor id, I just need to know how to link to it.

Thanks a bunch!

 jQuery('.x-slider-revolution-container.below .x-slider-scroll-bottom').click(function(e) {
    e.preventDefault();
    e.stopPropagation();
    jQuery('html, body').animate({
      scrollTop: jQuery('#x-content-band-2').offset().top
    }, 850, 'easeInOutExpo');
  });

Thank you.

Please check again and let me know if you have a new snippet.

Thanks.

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you for writing in!

Please remove the older jQuery code and try using the following:

jQuery(document).ready(function($) {
  $('.x-slider-revolution-container.below .x-slider-scroll-bottom').click(function(e) {
    e.preventDefault();
    var $contentBand = $(this).attr('href');
    $('html, body').animate({
      scrollTop: $("#x-content-band-2").offset().top-250
    }, 850, 'easeInOutExpo');
  });
});

Hope this helps. 🙂

Thank you.

where i can put this jQuery code in?
I dont found customizer –> Custom –> JS

Thanks in advance

Navigate to Appearance > Customize on the Customizer under the Custom panel you would see a JavaScript box.

If it does not there, please provide your URL and login credentials in private reply.

Cheers!