How to make background menu transparent? But only on home page, not other pages

Hello,

I have a question on how to make background menu on home page transparent without affecting other pages? :slight_smile:

Looking forward for your reply

Hello there,

To achieve it, you need to add this CSS code into Appearance > Customize > Additional CSS in your site dashboard.


.home .site-header {
  background-color: transparent !important;
}

@media only screen and (max-width:991px) {
  
  .home .site-header {
    position: absolute !important;
  }
  
}

Regards,
Kharis