Docs

[Joao]

Hi There,

Unfortunely Not

Still the same error.

Would you mind pasting your whole CSS code you have in Appereance > Customizer > Custom > CSS so we can review?

Thanks

Joao

[Marco]

See screenshots. May be we should use some javascript?

[Marco]

This reply has been marked as private.

[Rue Nel]

Hello There,

This block applies to the whole navbar:

.x-btn-navbar.collapsed:hover,
.x-btn-navbar:hover,
.x-btn-navbar.collapsed,
.x-btn-navbar {
  color: #fff;
  text-shadow: none;
}

And this block only affects the fixed navbar;

.x-navbar-fixed-top .x-btn-navbar.collapsed:hover,
.x-navbar-fixed-top .x-btn-navbar:hover,
.x-navbar-fixed-top .x-btn-navbar.collapsed,
.x-navbar-fixed-top .x-btn-navbar {
  color: gray;
  text-shadow: none;
}

Feel free to change the color that may apply to your site colors.

Hope this helps.

[Marco]

It took 5 support-pages but we have a winner!
Thx Rue Nel for your solution and thx X-theme for the support!

Greets Marco!

[Rad]

Glad to hear that! Cheers!

[Marco]

Hi, One more question.

I want to delay the fixed-header on scroll. See for example this site: https://www.airbnb.nl
Is that possible?

Thx! Grtz Marco

[Paul R]

Hi,

To achieve that you need to set your navbar layout to static top.

http://screencast.com/t/ee0likLzT

Then add this in Custom > Edit Global Javascript in the customizer.

jQuery(function($) {
   $(window).scroll(function() {

      if ( $(this).scrollTop() >= 200 ) {
        $('.x-navbar').addClass('x-navbar-fixed-top');
      } else {
        $('.x-navbar').removeClass('x-navbar-fixed-top');
      }

    });

});

You may change 200 to adjust how far down to scroll until your navbar is fixed.

Hope that helps.

[Marco]

Thx for the code!

[Joao]

You are welcome 🙂

[Author]

Posts