Docs

[Samuel]

I’ve searched the forum and tried a few things but everything I’ve found is hard to follow, as most of the people are asking for multiple functions.

Can you help?

Thanks!

[Samuel]

This reply has been marked as private.

[Jade]

HI there,

Please add this code in the custom JS:

jQuery(function($){

	$(window).scroll(function(){

		if( $(this).scrollTop() == 0 ) {
			$('.x-navbar-fixed-top').removeClass('x-navbar-fixed-top');
		}

	})

});

Then add this in the custom CSS:

.x-brand {
    color: #fff;
}

.x-navbar-fixed-top .x-brand {
    color: #000;
}

Hope this helps.

[Jade]

HI there,

Please add this code in the custom JS:

jQuery(function($){

	$(window).scroll(function(){

		if( $(this).scrollTop() == 0 ) {
			$('.x-navbar-fixed-top').removeClass('x-navbar-fixed-top');
		}

	})

});

Then add this in the custom CSS:

.x-brand {
    color: #fff;
}

.x-navbar-fixed-top .x-brand {
    color: #000;
}

Hope this helps.

[Samuel]

That seems to work great! Until I scroll back up to the top, and then the navbar seems to go a lil crazy..
SO CLOSE!

It seems to only happen on some occasions.. Mainly when I go fullscreen in Chrome, or when veiwing using the customizer.
Is there a fix for this?

Cheers!

[Jade]

Hi there,

Please add this code in the CSS customizer as well:

.masthead-inline {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

Hope this helps.

[Jade]

Hi Samuel,

Please add this code in the CSS customizer as well:

.masthead-inline {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

Hope this helps.

[Samuel]

AWWWWWESOMEEEE
Cheers!

[Thai]

If you need anything else please let us know.

[Author]

Posts