would it be possible to make the Top bar transparent and / or merge with the header? I would like to use a page hero and would like the top bar to be part of it.
when you create a merged site header element – the top bar is included within that.
So you can set the Customizer > Colors > Top Bar colors to make the background transparent.
If you’re only using the merged header on some pages then we would need to use some CSS to target those specific pages to change the colors. Let me know.
Just for testing I’ve added some text to the Top bar…the color doesn’t also change. I’ve added this code:
.header-wrap .top-bar {
color: #fff;
}
Works fine!
Seems that the the color option in the Header Element does not affect the Top bar at the moment when having a merged header. Maybe something to add in a future version?
No the colors only apply to header and primary nav. Neither secondary nav or top bar are affected. It gets real complicated with the additional elements, as the system cannot tell whats in a top bar for example. Most of these things are cured with a little CSS but we’ll take a look to see how we can improve.