Revslider doesn't scroll down far enough - pro theme/pro header biuilder

[chill986]

I am using Pro Theme and Pro Header Builder with two bars. The top bar is positioned “relative” and sticky is “off”, the second bar is positioned “absolute” and sticky is “on”. I have revolution slider positioned so that the second bar overlays the top of the slider. I am using a pe-7s-angle-down-circle font awesome icon as my “scroll down” icon and have the “Action” Set to “Scroll below slider”. I also have the slider height setting set to .x-masthead.

It looks/works great, except when you click on the icon to scroll past the slider, it doesn’t scroll quite far enough. There is still some slider visible which is about the same height as the first bar.

The site is dev.propacusa.com.

[paul.r]

Hi,

To fix it, you can add this in Cornertone Builder > JS

jQuery(function($) {


  $('.pe-7s-angle-down-circle').on('touchstart click', function(e) {

    e.preventDefault();
    var my_offset = $('.rev_slider').outerHeight() + 48
    $('html, body').animate({
      scrollTop: my_offset  
    }, 850, 'easeInOutExpo');

  });
});

Hope that helps.

[chill986]

Thanks, but that didn’t work. Do I need to disable any of the other stuff in my revslider?

[paul.r]

Hi,

There is a syntax error in your js code.

Please remove the code in Theme Options > JS that reads

add_filter( 'woocommerce_subcategory_count_html', 'jk_hide_category_count' );
function jk_hide_category_count() {
    // No count
}

Also the code provided above needs to be added in Edit Homepage > Cornerstone > JS instead of Theme Options > JS

Thanks

[chill986]

Thanks! Works great!

[Joao]

Glad to hear it