Docs

[armintz]

@rad i’ve tried all codes in this thread, including the latest one. replying with login.

[armintz]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thank you for providing the credentials. To save you from trouble, I went ahead and fixed the issue. I made some slight changes to the code and the final code is this:

/* HOME LINK IN NAV MENU BELOW VIDEO */
(function($){

  $('#menu-item-71 a').click(function(e){
    e.preventDefault();
    
    var mastheadHeight       = $('.masthead').outerHeight();
    var logobar							 = $('.x-logobar').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 + logobar );
    
    console.log(heightSum);
    
    $('html,body').stop().animate({
      scrollTop: heightSum
    },700 ,'easeInOutExpo');
  });  
})(jQuery);

Upon clicking on the home menu item, it will display the logo bar. If you need anything else we can help you with, don’t hesitate to open another thread.

Best Regards.

[armintz]

it only works on the home page.

[Rad]

Hi there,

Instead of adding just #top-page as link, I changed it to full URL http://bp24.wpengine.com/#top-page

And I changed the code to this,

/* HOME LINK IN NAV MENU BELOW VIDEO */
(function($){

function scrollToLogo() {

    var mastheadHeight       = $('.masthead').outerHeight();
    var logobar              = $('.x-logobar').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 + logobar );
    
    console.log(heightSum);
    
    $('html,body').stop().animate({
      scrollTop: heightSum
    },700 ,'easeInOutExpo');

}

  $('.home #menu-item-71 a').click(function(e){
    
    e.preventDefault();
    
    scrollToLogo();

  });
  
  if ( window.location.hash =='#top-page' ) {
    
    $(document).ready( scrollToLogo );

  }
  

})(jQuery);

That should do it 🙂 Cheers!

[armintz]

thanks, that did it.

[Rad]

You’re welcome!

[Author]

Posts