Docs

[Jade]

Hi Timmy,

Please add this code in the customizer:

.x-navbar .desktop .sub-menu a span {
    color: #698a92 !important;
}

.x-nav-wrap.mobile li {
    background-color: #fff;
    color: #698a92 !important;
}

Hope this helps.

[Timmy]

Thanks! It does not work on the mobile version though, the text is white while the background is white soo you can’t see the text :O

[Nico]

Hi There,

I could see this in your CSS:

.page-id-53 .x-navbar li a span {
    color: #fff;
}

That cause color white to your font. Remove it so that it would work again.

Let us know how it goes.

THanks.

[Timmy]

Yes, I need that code for the desktop version, I want it to be white on the desktop 🙂

[Nico]

Hi There,

Please try this code below:

jQuery(document).ready(function($){
	$(window).scroll(function(){
		if ($(this).scrollTop() > 50) {
			$('.page-id-53 .x-navbar.x-navbar-fixed-top desktop li a span').css("color","#2b2b2b");
		} else {
			$('.page-id-53 .x-navbar.x-navbar-fixed-top desktop li a span').css("color","#fff");
		}
	});
});

If still not helping please share us your admin credentials so we could check our codes to suggest if it will work on your setup. No worries we won’t publish it.

Don’t forget to set it as private reply.

Thanks.

[Timmy]

This reply has been marked as private.

[Christopher]

Hi there,

Please try this code :

jQuery(document).ready(function($){
	$(window).scroll(function(){
		if ($(this).scrollTop() > 50) {
			$('.page-id-53 .x-navbar.x-navbar-fixed-top li').addClass("colored").removeClass("white");
		} else {
			$('.page-id-53 .x-navbar.x-navbar-fixed-top li').removeClass("colored").addClass("white");
		}
	});
});

Please add following code in Customize -> Custom -> CSS :

@media (min-width:979px){
.white a span{
color:#fff;
}
.colored a span{
color:#2b2b2b;
}
}

Hope it helps.

[Timmy]

Okey, Is it possible to have the transparent to color change only appear when it’s not the hamburger menu? If that’s possible, I would love to use that 🙂

[Rue Nel]

Hello There,

To resolve this issue, please update the JS code and make use of this code instead:

jQuery(document).ready(function($){
  $(window).scroll(function(){
    var W = $(window).width();
    if (W > 979) {
      if ($(this).scrollTop() > 50) {
        $('.page-id-53 .x-navbar.x-navbar-fixed-top li').addClass("colored").removeClass("white");
      } else {
        $('.page-id-53 .x-navbar.x-navbar-fixed-top li').removeClass("colored").addClass("white");
      }
    }
  });
});

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

[Timmy]

That didn’t work. It just makes my page keep loading :O

[Timmy]

No worries I fixed it 🙂

[Joao]

Hi There,

Thanks for letting us know,

Joao

[Author]

Posts