Docs

[buildingblochs]

Hi there, when I scroll, the header has a white background. I would like it be permanently transparent.

kaomi.co.za

Thanks

[buildingblochs]

Also when it initally loads the background is black for a moment, how do I remove this?

[Rue Nel]

Hello There,

Thanks for writing in! To resolve your issue, please go to the customizer’s custom JS, Appearance > Customize > Custom > Edit Global JS. You need to find and remove this code:

jQuery(document).ready(function($){
	$('.x-navbar-fixed-top, .x-navbar').css("background-color", "transparent");
	var rev_height = $(".x-slider-container").height();
	$(window).scroll(function(){
		if ($(this).scrollTop() > rev_height) {
			$('.x-navbar, .x-navbar-fixed-top').attr('style','background-color: #fff !important');
		} else {
			$('.x-navbar, .x-navbar-fixed-top').attr('style','background-color: transparent !important');
		}
	});
});

Hope this helps. Please let us know how it goes.

[buildingblochs]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for updating in! Now that you have remove the JS code, it is getting the background color from the setting in the customizer. To override this setting, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.home .x-navbar {
    background-color: transparent !important;
}

Hope this helps. Kindly let us know.

[Author]

Posts