Every theme has several elements that fit into the following structure:
The header sits at the very top of the site. The purpose of the header is to match your brand and show global navigation that is above your community navigation. For a lot of sites, a header isn't necessary, but the capability is there if you choose to use it.
In the header, you can place whatever HTML/CSS you want using the CSS tab.
The title bar is right below the header. It provides a place for Vanilla's navigation and common application components.
Some sites might have just a title bar rather than a header and a title bar. We provide options to add some branding and navigation into the title bar.
The banner area shows up on your community’s home page. It has a big search bar and a place to upload a large image to really showcase your brand.
The main content area is where most of Vanilla's functionality is. The main content changes depending on what page you are on. You can customize the main content through a variety of variables.
The footer is at the bottom of your page and belongs to you. Smaller sites might have just a copyright notice, while large sites usually have columns of links to important documentation and social media.
Like the header, you can put whatever HTML/CSS you want in the footer.