How to fix header and bar overlap
On some themes, the site's header and the announcement bar might overlap. In such cases you would see the site's header covering the bar or the other way around.
One way to fix this, is to insert the bar into the header itself using the custom bar position option. To learn more on how to use custom bar positioning, head to this article: How to insert the bar in a custom location