Docs

[TheDude]

Hi there,

It’s concerning a local development of a new site: so no url possible

the issue:

I have the navigation set to stick up top but when you scroll down the color changes from transparent to blue
Now I would like to change the color of the hyperlinks only when the blue color appears.

I can’t figure it out how to get this done

This is the css i have now

/* Nav slided down */
.x-navbar {
border-bottom: 1px solid #000;
background-color: rgba(255, 255, 255, 0.9 );*/
max-height: 80px;
}

.x-navbar-solid, .two {
background-color: #3C84CC !important;
}

body.x-navbar-fixed-top-active .x-navbar-wrap {
height: auto;
}
.x-navbar-wrap {
height: auto !important;

[Paul R]

Hi,

You can add this under Custom > Edit Global Javascript in the Customizer.

jQuery(document).ready(function($){
    $(window).scroll(function(){
        if ( $(this).scrollTop()==0) {
               $('.x-navbar')removeClass.('x-navbar-fixed-top');
        }
    }
}

Then add this in Custom CSS

.x-navbar.x-navbar-fixed-top .desktop .x-nav > li > a {
   color:red;
}

Change red with the color that you like.

Hope that helps.

[TheDude]

Hi,

the font color changed to white but the background is now transparent – so it’s not changing to blue since the change of the code

[Paul R]

Hi,

Please add this in Custom > CSS in the customizer.

.x-navbar.x-navbar-fixed-top {
    background-color:blue !important;
}

Hope that helps.

[TheDude]

Yes it did my friend…

Thanks

[Darshana]

Glad we were able to help 🙂

[Author]

Posts