Docs

[lucascolepeters]

Hey all, I am trying to get a top menu bar on my page to look like the one here

http://whitmansnyc.com/

Any CSS that would help with that?

[Jade]

Hi Lucas,

Yes we can achieve this through CSS but kindly provide your site URL so that we could give you the custom code tailored to your need.

Thank you.

[Jade]

Hi Lucas,

Yes we can achieve this through CSS but kindly provide your site URL so that we could give you the custom code tailored to your need.

Thank you.

[lucascolepeters]

This reply has been marked as private.

[Joao]

Hi Lucas,

Change the code you have on Appereance Customizer Custom Jasvascript, for this one:

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() > 300) {
			$('.x-navbar, .x-navbar-fixed-top').attr('style','background-color: rgba(0,0,0,0.6) !important');
		} else {
			$('.x-navbar, .x-navbar-fixed-top').attr('style','background-color: transparent !important');
		}
	});
});

You can change the value 300 to make the navbar change color later or sooner and you can change the value 0.6 (60% solid) to 0.8 to make it stronger or to a smaller value to make it more transparent.

Hope it helps,

Joao

[Author]

Posts