Docs

[miket855]

Hi,

Is it possible to have one header style for home page, and different for others.

For example, on homepage transparent header with light logo, and on other pages white bg header with dark logo.

Thanks in advance!

[Thai]

Hi There,

It’s possible by custom CSS, please add the following CSS under Customizer > Custom > Global CSS:

.home .x-navbar {
	background-color: transparent;
}
.home .x-brand {
	background: url(http://www.yourlogourl.com/logo.png) center center no-repeat;
}
.home .x-brand img {
	opacity: 0;
}

Hope it helps 🙂

[miket855]

Thanks a lot!

And is it possible to use for example ‘Fixed Top’ header for home, and ‘Static Top’ for other pages?

[Nabeel A]

Hi again,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {
    position: static !important;
}
.home .x-navbar-fixed-top, .home .x-navbar-fixed-left, .home .x-navbar-fixed-right {
    position: fixed !important;
}

Let us know how this goes!

[miket855]

Works like charm! Thanks a bunch!

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts