Transparent/white Navbar

[joziguy]

hey there,

i have a revolution slider on top of my homepage. So far I have a white Navbar which I would like to have transparent over the slider. As soon as I scroll down or go to other pages it should be white instead of transparent. Is that possible? So it must only be transparent when you open my Website until you scroll down.

TIA

[nabeel]

Hi there,

Thanks for writing around! Assuming you’re using X not Pro, to make the header transparent you can refer to the following thread https://theme.co/apex/forums/topic/transparent-header-centered-with-slider-behind/#post-191969

To change the header color on scroll, follow this: https://theme.co/apex/forums/topic/transparent-to-solid-header-when-scrolling-question/#post-979842

If this doesn’t help then provide us the URL of your site so we can take a look at your setup.

Thanks!

[joziguy]

the first issue worked. navbar is transparent. but the second one didnt work. i added the js code that was given in the linked post but it didnt do anything. in my case its a bit different i think. i want the transparent navbar only on my homepage (other pages white) and it must change to solid by scrolling. another thing i need to know is. can i change the navbar font colour for the homepage transparent section only?

[ruenel]

Hey There,
​
​To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation.
To do this, you can create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
Thank you.

[joziguy]

sure, here it is.

[thai]

Hey There,

Please also add this custom CSS under Customizer > Custom > Global CSS:

.x-navbar.x-navbar-fixed-top {
    background-color: rgba(0, 0, 0, 0.75) !important;
}

Let us know how it goes!