Docs

[RevoSport]

Hi all,

I’m having a question about the nav bar on my website: http://www.revosport.be/
Is it possible to just hide my logo on in the nav bar on my main page?
However i just want it hided during the layerslider, passing that (section with the ‘welkom bij revo sport), it reveals the logo? I hope it’s clear for you guys

Kinds regards,

Frédéric

[Paul R]

Hi Frédéric,

You can add this under Custom > Edit Global CSS in the Customizer.

.home .x-brand.img {
   display:none;
}

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

jQuery(function($) {
     var $sliderheight = $('.x-slider-container.below').outerHeight();
     $(window).scroll(function() {
      if ( $(this).scrollTop() >= $sliderheight  ) {
        $('.x-brand.img').css('display','block');
      } else {
        $('.x-brand.img').css('display','none');
      }
    });
});

Hope that helps.

[RevoSport]

This is exactly what i was looking for!
Just one remark, is there any possiblity to keep the logo in ipad/mobile version?

[Thai]

Hi There,

Please also add the following CSS:

@media (max-width: 979px){
	.x-brand.img {
	   display: block !important;
	}
}

Hope it helps 🙂

[Author]

Posts