Docs

[brianlcontact]

I have a background image but I find that it only shows up in the header. Is there any way I can have it show up behind my navbar as well?

[brianlcontact]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! I can’t see any background image on your header but I can see the logo is out of the content box. To fix this, you can add this under Custom > CSS in the Customizer.

.masthead-stacked .x-brand {
  max-width: 100%;
}

However if you really want to add background image to header then add this CSS :

header.masthead {
  background: url("http://stevethezombie.com/wp-content/uploads/2016/05/stevethezombie-copy.png") no-repeat scroll center center / cover ;
}

.x-logobar, .x-navbar {
  background-color: transparent !important;
}

Let’s replace the image URL with your preferred image URL.

Note that if you use logo (like the current setup) and then add this code to add background image, it won’t look good. So kindly spend some time around this and decide what you want to achieve.

Cheers!

[Author]

Posts