Docs

[gselway]

Hi,

Almost there.

Nearly everything works as it should apart from the header and sub menu go from white to transparent and back to white as you scroll.

Once the sub menu is open I don’t want the header or sub menu changing back to transparent.

[Rad]

Hi there,

Please change this existing code

jQuery(document).ready(function($){
  $('.home.x-navbar-fixed-top-active .x-navbar-wrap').css('height', 0);
  $('.home .x-navbar').css({'background-color': 'transparent', 'box-shadow': 'none', 'border-width' : 0});
  
  $(window).scroll(function(){
    if ($(this).scrollTop() > 200) {
      $('.home .x-navbar-fixed-top').css({'background-color': '#fff', 'box-shadow': '0 0.15em 0.35em 0 rgba(0,0,0,0.135);', 'border-width' : '1px'});
    } else {
      $('.home .x-navbar-fixed-top').css({'background-color': 'transparent', 'box-shadow': 'none', 'border-width' : 0});
    }
  });
});

to this

jQuery(document).ready(function($){
  $('.home.x-navbar-fixed-top-active .x-navbar-wrap').css('height', 0);
  $('.home .x-navbar').css({'background-color': 'transparent', 'box-shadow': 'none', 'border-width' : 0});
  
  $(window).scroll(function(){
    if ($(this).scrollTop() > 200 || ( $(window).width() > 980 && $('.x-nav-wrap.mobile').hasClass('in') ) ) {
      $('.home .x-navbar-fixed-top').css({'background-color': '#fff', 'box-shadow': '0 0.15em 0.35em 0 rgba(0,0,0,0.135);', 'border-width' : '1px'});
    } else {
      $('.home .x-navbar-fixed-top').css({'background-color': 'transparent', 'box-shadow': 'none', 'border-width' : 0});
    }
  });
});

Hope this helps.

[gselway]

Hi, that has not worked.

I still have the same issue.

[Rad]

Hi there,

I changed it to this.

jQuery(document).ready(function($){
  $('.home.x-navbar-fixed-top-active .x-navbar-wrap').css('height', 0);
  $('.home .x-navbar').css({'background-color': 'transparent', 'box-shadow': 'none', 'border-width' : 0});
  
  $(window).scroll(function(){
    if ($(this).scrollTop() > 200 ||  $('.x-nav-wrap.mobile').hasClass('in') ) {
      $('.home .x-navbar-fixed-top').css({'background-color': '#fff', 'box-shadow': '0 0.15em 0.35em 0 rgba(0,0,0,0.135);', 'border-width' : '1px'});
    } else {
      $('.home .x-navbar-fixed-top').css({'background-color': 'transparent', 'box-shadow': 'none', 'border-width' : 0});
    }
  });
});

Cheers!

[gselway]

This seems to have cracked it!

Thank you soo much for your help (all of you!). 🙂

[Paul R]

You’re welcome! 🙂

[Author]

Posts