Default color change

Hi there, I’m not seeing the red color once your site has loaded, but I do see it flash before the image has loaded. The following custom CSS should take care of that for you.

.hero {
background-color: transparent;
}

Thank you for the tip, but it didn’t fix my problem. I’m afraid I wasn’t clear enough, so let me rephrase my problem. When on phone, or tablet, or in the posts the red header color is still there (as seen here https://gaia-s.org/en/2017/10/02/what-is-environmental-protection/).

Is there any way to change/remove it?

Thank you!

Ah, thanks for the link. Given that the menu labels are white, so we would have to change the color of those on pages that do not have a “hero” image. Give the following a try. The second rule changes the navigation font color to black so that it shows up.

body:not(.hero-image) .site-header {
    background-color: transparent;
}
body:not(.hero-image) .main-navigation a {
    color: #000;
}

You will have to change your snapchat image in the menu as it is white.

Thank you for that! It fixed almost everything.
Now I noticed that the only thing that’s still messing with me is the homepage (or better said the pages) when the site is opened on phone or tablet, as the header is still red, but on posts, the header is white, as it should be… (I kept the .hero code you first sent, but it only seem to work on laptop/pc)

Could it just be a glitch, or is there a specific code for when the site is opened on tablet and phone….

I’m really sorry for being such a drag, but I have no idea about coding….