Docs

[p6sites]

Hi X team,

On the home page of my site I have the header switch from transparent to solid color (white) when scrolling. I wonder if I can also have the logo and the color of the navigation be different while the header is transparent. I would like to have the logo in white and the navigation in white as well while the header is transparent, and then the header is a solid color, the logo and the navigation will be in grey. Will that be possible? Do I need to use jQuery?

Thanks!

[p6sites]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! Yes that could be possible with some CSS to change the logo. You can add this under Custom > CSS in the Customizer.

.x-navbar.x-navbar-solid .x-brand.img::after {
  content: url("http://www.clinicalreach.dev.parallel6.com/wp-content/uploads/2016/09/Clinical6-Logo_black.png");
}
.x-navbar.x-navbar-solid .x-brand.img > img {
  display: none;
}

Now change the URL with your uploaded black logo URL. Make sure to use best fit dimension instead of too large image.

Cheers!

[Author]

Posts