Hi NCarp90:
To make your main navigation, footer, and home page banner full width, you’ll have to also create a child theme, and change some of the HTML as well.
There are CSS classes like .container, .header, .section-wide, .footer, and .footer-copy that are clipping the width to 1020px and 980px.
You can make these width: 100%; but doing so will affect the rest of your site’s layout.
Thank you! It did make the whole site shift to the left when I used the CSS.
What am I looking for when editing the html?
In your child theme, you’ll want to separate the HTML elements that have a fixed width from those that don’t. For example, right after the <div class="wrap"> there is a <div class="container">. If you edit this to have no class, and add 100% width to .flexslider and it’s child elements, you’ll have a full width header, but you’ll have to create a new <div class="container"> element to hold the rest of your site content. The footer is similar. You have to make the outer elements 100% width, and add a containing element to keep the content centered.
