Docs

[geoffj]

Hi,

The Revolution Slider “down arrow” (red sexagon) is scrolling the page under the fixed navigation and I don’t see the top of the page as a result. I would like it to scroll to the same place as when you click on “Our Process”. How can I fix this?

Here is the link: http://gjordan.dyndns.org:8889/bh/

And I need to go love with this soon. What is the easiest way to update the licence to live and my dev site?

Thanks!
GJ’

[Friech]

Hi GJ,

Thanks for writing in! On the slider settings add the .masthead class to the Increase/Decrease Fullscreen Height option.

Hope it helps, Cheers!

[geoffj]

Friech,

Thanks for the quick reply!

My slider is a full width slider and that option seems to be there only for auto and full screen. What can I don in my case? image attached.

Thanks!

[geoffj]

Well, I have added or removed the masthead class with JQuery based on browser size but it is off by one pixel vertically I think. I think the masthead class handles a + 1 pixel in there. So, you see the red line at the bottom of the slider that you do not see when clicking on our process. Perhaps this is not the best way to go about it. How can this be done better? Thanks!

GJ

What I put in custom JS:

jQuery (function($) {
$(document).ready( function() {

function mastheadfix() {

//gj scroll fix start

if ($(window).width() <= 979) {
//alert(‘smaller’);

$(“header”).addClass(“masthead”);

} else {

$(“header”).removeClass(“masthead”);

//alert(‘larger’);

}

//gj scroll fix end
}

mastheadfix();

var gjthrottle = _.debounce(mastheadfix, 300);

$(window).resize(gjthrottle);

}

[Rue Nel]

Hello There,

Thanks for the updates! The reason for this issue is because they are not pointing to same spot. Your menu item “process” goes into the section with an ID of “#process” and at the same time, the red hexagon icon is pointing right below the slider. To make them going to the same spot, please add the following JS code in the customizer, Appearance > Customize > Custom > Javascript

jQuery(function($) {
  $('#menu-item-13').on('touchstart click', function(e) {
    e.preventDefault();
    var mastheadHeight       = $('.masthead').outerHeight();
    var navbarFixedTopHeight = $('.x-navbar-fixed-top-active .x-navbar').outerHeight();
    var sliderAboveHeight    = $('.x-slider-container.above').outerHeight();
    var sliderBelowHeight    = $('.x-slider-container.below').outerHeight();
    var heightSum            = mastheadHeight + sliderAboveHeight + sliderBelowHeight - navbarFixedTopHeight;
    $('html, body').animate({
      scrollTop: heightSum
    }, 850, 'easeInOutExpo');
  });
});

Hope this works out for you.

[geoffj]

Thank you I will try that!

[Joao]

Let us know how it goes.

Joao

[Author]

Posts