Move out of wrap_all?

I’m trying to achieve this:

<header id=”header” class=”all_colors header_color light_bg_color av_header_top av_logo_left av_main_nav_header av_menu_right av_slim av_header_sticky_disabled av_header_shrinking_disabled av_header_stretch_disabled av_mobile_menu_tablet av_header_searchicon_disabled av_header_unstick_top_disabled av_minimal_header av_bottom_nav_disabled av_header_border_disabled” role=”banner” itemscope=”itemscope” itemtype=”https://schema.org/WPHeader”&gt;
<div id=”main” class=”all_colors” data-scroll-offset=”0″>
<div id=”footer” class=”container_wrap footer_color”>
<footer id=”socket” class=”container_wrap socket_color” role=”contentinfo” itemscope=”itemscope” itemtype=”https://schema.org/WPFooter”&gt;

https://monosnap.com/file/U2YkmQWlrM7xITeZ8jOHcucmNxQnC9.png

My footer and footer socket no longer in #main.

I’m trying to do this so I can create a series of <canvas> drawings, with a different <canvas> wrapping #main than is wrapping #footer.

A video mockup of our work is here: https://cl.ly/3f0t0p2q3k1O

Thanks so much!