Navbar customized background

[aenahbanana]

Hi There!

I wanted my navbar to look like this, https://prnt.sc/ltuy90.

My idea is to set the navbar background image as png so you can see the body background behind. I read a few sample fixes and added this code in global css…

.x-logobar, .x-navbar {
background-color: transparent !important;
}
.masthead{
  background-image: url(http://www.alyarmstrong.co/wp-content/uploads/2018/12/header.png) !important;
  background-size: cover !important;
}

But it doesn’t show the transparency as I was hoping for. How can I fix this?

Thank you!

[christian]

Hey @aenahbanana,

I strongly recommend that you upgrade to Pro for this header design because of ease of setup and native support.

Thanks.

[aenahbanana]

Thanks Christian! I will try this out and see how it looks.

[Prasant]

Hello @aenahbanana,

As per your request, I have moved my colleague Christian response into secure note.

Thanks.