Styling Questions for full width

Hi there,

first off the Elementor template options are going to remove all the theme templates... so not a good option.

Simplest option would be to set your Navigation and Footer to Full Width on the entire site.
Which can be set tin the Customizer > Layout > Primary Navigation / Secondary Nav / Footer.

And then use the GP Content Container to set the Full Width.

If you only want the nav / footer to be full width on a Full Width Page then add this CSS:

.full-width-content #site-navigation,
.full-width-content #secondary-navigation,
.full-width-content .site-footer {
    max-width: 100%;
}

Make sure to set the Inner Container Width to Contained in Customizer > Layout > Primary Navigation if you want the background only to be full width.

The CSS code you provided seems to be working just fine.

Except for some reason, the gap above the footer widgets is missing on the full-width version.

https://www.sandandsteelfitness.com/login-full-width/
https://www.sandandsteelfitness.com/login/

Add this as well:

.full-width-content.no-sidebar.separate-containers .site-main {
    margin-bottom: 20px;
}

Any idea what the icons are blue on the Full Width page and properly colored on the 1200 pixel wide page? In the elementor editor, the icons are the right color. It's almost as if the full width page is overriding the elementor selected colors.

The CSS we've provided is not capable of changing the color of the icons.

On the correct page, there are CSS from Elementor that's coloring the icons:
https://www.screencast.com/t/TFbCJL1m3q

But not on this page;
https://www.screencast.com/t/uWtKCLxr

I would recommend checking with Elementor's support team.