Mobile Menu Transparent Only on Front Page

Gentlemen; my mobile menu is transparent on the front page which is perfect. What CSS code can I use so that the menu has a solid background on the rest of my pages?

Thanks in advance,
Rico

Hi Rico,

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

    body:not(.home) .site .site-header,
    body:not(.home) .site .site-header.float-header {
      background-color: #000;
    }

Regards,
Kharis
aThemes Support

That didn’t work. I think what I meant to say was my mobile menu background is transparent on the front page which is perfect. What CSS code can I use so that the menu background has a solid background on the rest of my pages on a mobile device?

Thanks again,
Rico

The rest of my pages on a mobile device needs a solid background.

Thanks,
Rico

Anybody there? Still waiting for a solution, thanks.

Hello there,

​Please accept my apologies for the delay in response. I really appreciate your patience.

Try adding this CSS code:

@media only screen and (max-width: 1024px) {
  body:not(.home) .site .site-header,
  body:not(.home) .site .site-header.float-header {
    background-color: #000 !important;
  }  
}

I request you to share a link to your website in case that code doesn’t change anything. I need direct inspection to get the correct code for specific needs like yours.

Regards,
Kharis
aThemes Support