Boxed layout with full width header and footer

Hey Erwin,
The footer & socket are inside the main container, so you will need this JavaScript to move them after it:
Add to your child theme functions.php file

function move_footer_scoket_after_main() { ?>
  <script>
document.addEventListener('DOMContentLoaded', function () {
  const main   = document.getElementById('main');
  const footer = document.getElementById('footer');
  const socket = document.getElementById('socket');

  if (!main || !footer || !socket) return;

  const parent = main.parentNode;
  parent.insertBefore(footer, main.nextSibling);
  parent.insertBefore(socket, footer.nextSibling);
});
</script>
  <?php
}
add_action( 'wp_footer', 'move_footer_scoket_after_main', 99 );

Then add the css for the header, footer, & socket:

.responsive.html_boxed.html_header_sticky #header,
#footer, #footer .container, 
#socket, #socket .container {
    width: 100vw;
    max-width: 100vw;
		left: calc(-50vw + 50%); 
}

Best regards,
Mike