Genesis Hidden Footer

enqueue-hidden-footer-script.php

<?php
add_action( 'wp_enqueue_scripts', 'learning_curve_hidden_footer_script' );
/**
 * Enqueue hidden footer Scripts
 */
function learning_curve_hidden_footer_script() {
	wp_enqueue_script(
		'learning-curve-hidden-footer',
		get_stylesheet_directory_uri() .
		'/js/hidden-footer.js',
		[ 'jquery' ],
		'1.0.0',
		true );
}

hidden-footer.js

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

  function hiddenFooter() {

    var hiddenFootersHeight = ($(".hidden-footer").outerHeight());

    if (window.innerWidth >= 1024) {
      $(".site-container").addClass("added-hidden-footer-margin").css({
        'margin-bottom': hiddenFootersHeight + "px"
      });
    } else {
      $(".site-container").removeClass("added-hidden-footer-margin").css({
        'margin-bottom': "0"
      });
    }
  }

  hiddenFooter();

  $(window).resize(function() {
    hiddenFooter();
  });
});

position-genesis-after-add-markup.php

<?php
add_action( 'genesis_after', 'learning_curve_footer_widget' );
/**
 * Add markup for hidden footer widget area.
 */
function learning_curve_footer_widget() {
	genesis_widget_area( 'hidden-footer', [
		'before' => '<footer class="hidden-footer widget-area" itemscope itemtype="https://schema.org/WPFooter"><div class="wrap">',
		'after'  => '</div></footer',
	] );
}

register-new-widget.php

<?php 

//* Register widget area for hidden footer.
genesis_register_sidebar( [
	'id'          => 'hidden-footer',
	'name'        => __( 'Hidden Footer', 'Learning Curve' ),
	'description' => __( 'The widget for the hidden footer ', 'Learning Curve' ),
] );

remove-original-footer.php

<?php
//* Snippet goes in functions.php or plugin file

//* Remove standard Genesis footer
remove_action( 'genesis_footer', 'genesis_do_footer' );
remove_action( 'genesis_footer', 'genesis_footer_markup_open', 5 );
remove_action( 'genesis_footer', 'genesis_footer_markup_close', 15 );

style.css

.site-container {
    background-color: #fff;
}

.hidden-footer {
	background-color: #141B28;
	color: #fff;
	padding: 60px 0;
	text-align: center;
}

@media only screen and (min-width: 1024px) {
  
    .site-container.added-hidden-footer-margin {
        position: relative;
        z-index: 1;
    }
    
    .site-container.added-hidden-footer-margin + .hidden-footer {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
    }
    
}