Airi Menu Background Color

Greetings again.

The menu color on both my blog page, and when my site is viewed on mobile, is black and I cannot see either my logo or the page menu. Is it possible to change the background to either white or clear? I have already searched through the various similar questions on the forum here, and have tried some different CSS code, but nothing has worked. Please help.

dougcrawfordwellness.com

Thank you.

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1199px) {
      .menuStyle1.page-template-template_page-builder .site-header {
        background-color: #fa9686 !important;
      }
    }

Regards,
Kharis

Thank you for your prompt reply. That CSS fixed the mobile menu problem. But the menu on my Blog page is still black. Is there any way to make it white?

I figured out how to make the Blog page menu white, but it seems every blog post’s menu will be black and I will have to add custom CSS for every one. That’s just too much hassle. I’m quickly becoming disappointed with the Airi theme. Thanks for your help.

What custom code did you apply? Please share it here. Maybe there’s something I can correct.

Regards,
Kharis