How do I remove the grey colored bar at the bottom of the page? I believe this is the background as I know how to change the color although I want to complete remove the grey bar entirely. It looks strange.

You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

footer.sh-footer {
    display: none;
}
.content-container.sh-page-layout-full {
    margin-bottom: 0 !important;
}

I would like to remove the navigation bar entirely? I don’t think it serves my purposes.

Use the below custom CSS code to achieve it.

nav#header-navigation {
    display: none;
}

Is there a way to set up mailchimp to collect the email addresses instead of it going to an inbox I manage? I would like to keep the same look within the template on the contact form but use mail chip if that makes sense?

You can achieve this by using the following contact form 7 plugins.

https://wordpress.org/plugins/contact-form-7/

https://wordpress.org/plugins/contact-form-7-mailchimp-extension/

 

I notice the website doesn’t display nicely on desktops? I would like the website to show up correctly on any device.

Please try using below CSS code to display it correctly.

#page-container .sh-section-6b60dc9e2043efe53db6b9bfc8f9a97c {
    background-size: contain;
    background-color: #ECDBD4;
}