Transparant header

Hey macmutsaers,
This is because Edge doesn’t recognize your color, it has too many digits for a hex value:

header#header {
    background-color: #606d488f;
}

Please adjust to a 6 digit hex value, or use rgba:

rgba(96, 109, 72, 0.56);

Best regards,
Mike

Hi,
Yes you can assign your green to only some pages or to the “before scroll” header if you have a sticky header.
The “transparent header” would be the normal color for where you don’t have the green.
But right now you don’t have a sticky header, so where do you want the green to show and not show?

Best regards,
Mike

Hi,
I added the page id to your css so that it will only work on your home page:

#top.home header#header {
    background-color: rgba(96, 109, 72, 0.56);
}

If you decide to add this header color to another page add a comma and it’s page id with the target to the rule like this:

#top.home header#header,#top.page-id-693 header#header {
    background-color: rgba(96, 109, 72, 0.56);
}

For all other pages please use the layout options in the editor

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike