Different header on posts page

Hi,

I’m using the theme Airi for my new web project. I’m quite new in wordpress, so maybe my question is stupid. I’m struggling with the posts page.
I’ve changed the colors of the header and its working fine. But on the posts (News) page the header looks totally different. How can I have the same header on the posts page (and on single posts) as on the rest of the page?

The URL of the site is
http://xn–lfrei-iua.de

Hopefully you can help me :slight_smile:

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

body.sticky-header:not(.page-template-template_page-builder) div.sticky-wrapper:not(.is-sticky) #masthead {
  background-color: transparent;
}

body.sticky-header:not(.page-template-template_page-builder) div.sticky-wrapper:not(.is-sticky) #masthead #site-navigation a {
  color: #005959;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thanks Roman,

that works pretty well on the Posts(News) page. And thanks for changing the color of the font as well :slight_smile:
There is only one problem left, but I’m not sure if the problem has to do with Airi. On the Singel post page (f.e. http://xn–lfrei-iua.de/betti-einfache-platinenbenetzung the header is behind the first section.
I’ve done that templete in Elementor, because otherwise I was not able to customize it. The first section startet with a space below the header and I changed the position by ‘adding’ a negative margin. But now the header is behind the first section.

kind regards,

Sascha

Hello Sascha,

That page contains the header duplicate, it’s not good because header has an ID targeted by theme JS. I think that you have to resolve this issue first.

Kind Regards, Roman.