Menu overlay Header image

I’m trying out Sweetheat because my client thought Moesia was too animated and the menu bar wasn’t at the top of the screen. Now with Sweetheat, he’d like to see the header image start at the very top of the page with the menu layered over it. I’m thinking that if the menu bar were at about 50% transparent this might work.

Any help you can offer is appreciated.

There you go:

.page-template-page_front-page-php #header {
   position: absolute;
   width: 100%;
   background-color: rgba(255,255,255,0.5);

Just remember that this overwrites the color option for the header from the Customizer. If you want to change the opacity, change the 0.5 value to whatever you like.


I would like to use this also.

Where do I put this code?