Docs

[neodjandre]

Hi,

I am using the integrity theme and I would like my menu to behave like this:

http://themenectar.com/demo/salient-frostwave/

i.e. it should start as transparent and become solid when the user starts to scroll.

Any help would be much appreciated!

best,
Andy

[Joao]

Hi Andy,

Add the following code to Appereance Customizer Custom CSS

 .x-navbar-wrap {
     height: auto !important;
}

 .x-navbar {
     background-color:transparent;
     border:0;
     box-shadow:none;
     position: fixed;
     width:100%;
}

 .x-navbar-solid {
     background-color:white;
}

Add the following code to Appereance Customizer Custom Javascript

jQuery(function($) {
    $(window).scroll(function(){ 
        if($(window).scrollTop() >50) {
              $('.x-navbar').addClass("x-navbar-solid");
        }else {
              $('.x-navbar').removeClass("x-navbar-solid");
        }
    });
});

Hope that helps

Joao

[neodjandre]

perfect that works fine. I just need to put some css to make the transition smoother i think !

[neodjandre]

This reply has been marked as private.

[Joao]

Hi Andy,

Based on your design I believe the best would be the best to turn off the bread crumbs.

To do that you go to Appereance > Customizer > Header.

Let us know your toughts,

Joao

[neodjandre]

ok, I think i will modify your code to only fire on pages with a certain body class and keep the menu as before on all other posts, so that breadcrumbs would work. thanks for the help 🙂

[Lely]

You’re welcome!

Do let us know if you need further assistance.

Cheers!

[Author]

Posts