You now have a custom header available for setup for captivate themes. You first need to clone the captivate cloning site (https://captivate-cloning-site.growthzonesites.com/).
Once that is done. Follow these steps to finish the setup (eg, taking the top bar out of draft mode, and adjusting the current header):
1. Go to Builder > Themer Layouts.
2. Hover over 'Top Bar' and click 'Quick Edit'.
3. Set the 'status' to 'Published'.
4. Go to the home page and edit the header.
5. Delete the row that served as the previous top bar.
6. While you're still in the header, edit the logo's column.
7. To do that, hover over the logo, and click the 'column' icon > 'column settings'
8. Go to the 'Advanced' Tab and set a negative top margin (~50-100px, depending on logo size).
9. That ultimately allows you to pull the logo up to reduce unwanted whitespace in the header.
10. Click 'save', 'done', and 'publish'.
You can see this freshly setup here: https://test-9-4-2019.growthzonesites.com/
In order to alter the background, you simply edit each of the Top Bar's columns' background colors, and the Top Bar's row shape color.