Hello. My website is built with Salient theme and nectar. The footer in my website - https://www.mindbodyally.com has a footer built with nectar but it's frozen and appearing stuck throughout the landing page - as in it's not coming up only at the bottom of the page and coming up throughout the page as we scroll from the header to the bottom of the page (it's like the freeze pane feature in MS Excel). Ideally, the footer should appear (fade in) after the last section of the page, i.e. "A Friend in Need" upon scrolling.
It's a single page website. I'm not a website developer - I'm the website owner.

This is the code from nectar footer.php - Kindly help fix or remove the freeze:

if ( ! defined( 'ABSPATH' ) ) {

exit;
}

$nectar_options = get_nectar_theme_options();
$header_format  = ( !empty($nectar_options['header_format']) ) ? $nectar_options['header_format'] : 'default';

nectar_hook_before_footer_open();

?>

<div id="footer-outer" <?php nectar_footer_attributes(); ?>>

<?php

nectar_hook_after_footer_open();

get_template_part( 'includes/partials/footer/call-to-action' );

get_template_part( 'includes/partials/footer/main-widgets' );

get_template_part( 'includes/partials/footer/copyright-bar' );

?>

</div><!--/footer-outer-->

<?php

nectar_hook_before_outer_wrap_close();

get_template_part( 'includes/partials/footer/off-canvas-navigation' );

?>

</div> <!--/ajax-content-wrap-->

<?php

// Boxed theme option closing div.
if ( ! empty( $nectar_options['boxed_layout'] ) && 
'1' === $nectar_options['boxed_layout'] && 
'left-header' !== $header_format ) {

echo '</div><!--/boxed closing div-->'; 
}

get_template_part( 'includes/partials/footer/back-to-top' );

nectar_hook_after_wp_footer();
nectar_hook_before_body_close();

wp_footer();
?>
</body>
</html>