Docs

[Christian_W]

Hello,

my website domain is http://www.peru-video.de. I’m using WordPress 4.7 and the latest version of the x theme.
I have a question about the configuration of the menue. How is it possible that the menue shrinks when the user scrolls down and how can I display my logo above the main menue like on this website: http://www.harscher.de/start/

Another question. How can I remove the +-Button in the right corner of my website? I have adjusted you an secreenshot.

Thanks a lot for your help.

Best regards

Christian

[Rupok]

Hi Christian,

Thanks for writing in! It’s possible with some custom code. You can follow this thread – https://community.theme.co/forums/topic/shrink-sticky-header-logo-upon-scrolling/

And you need to set “Stacked Navbar” instead of Inline from Customzie > Header to get the logo like the mentioned site. Let’s do that and update us if you still need help.

Cheers!

[Christian_W]

Hello,

I’ve tried to add this code, but it didn’t work. I hope you can help me.

.x-navbar-fixed-top .x-brand img {
max-width: 110px;
width: 110px;
}
.x-navbar-fixed-top .desktop .x-nav > li > a {
height: 35px;
padding-top: 40px;
}
.x-navbar-fixed-top .x-navbar-inner {
min-height: 95px;
}

Best regards.
Christian

[Christopher]

Hi there,

Your site is under construction mode, please provide us with login credentials.

Thanks.

[Christian_W]

This reply has been marked as private.

[Paul R]

Hi Mario,

To achieve that, add this in Custom > Edit Global Javascript in the Custommizer

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

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

Then add this in Custom > Edit Global CSS

.x-logobar {
    transition: all 0.5s ease-in-out;

}

.x-logobar.x-logobar-fixed-top .x-logobar-inner {
   padding:0;
}

.x-logobar.x-logobar-fixed-top {
    position:fixed;
    top:0;
    width:100%;
  z-index:9999;
}

.x-navbar.x-navbar-fixed-top {
    top:60px;
  transition:all 0.1 ease-in-out;
}

.x-brand img  {
    width: 200px;
   transition: all 0.5s ease-in-out;
}

.x-logobar.x-logobar-fixed-top .x-brand img  {
    width:100px;
}

.x-navbar {
  top:150px;
position:fixed;
width:100%;
   transition: all 0.1s ease-in-out;  
}
.masthead {
  background:#fff;
}

Hope that helps

[Christian_W]

It worked – thank’s a lot. Very good support.

Best reagrds

Christian

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Christian_W]

Hello, as I said everthing went finde. But sometimes I have the problem, that by scrolling down you can see the revolution slider image in the menue. Adjust you’ll find a screenshot. Do you know what the problem is or how to solve the problem?

Best regards.

Christian

[Paul R]

Hi,

I went ahead and made some adjustment to the code to fix it.

Kindly check on your end.

Thanks

[Christian_W]

Hello,

thanks a lot for your help. A really great support. It worked but again I have the same Problem. I adjusted you a screenshot. I hope you can help me.

Best regards

Mario

[Thai]

Hi Mario,

It should be fine now.

Please check again.

Cheers!

[Christian_W]

Everything finde now – great! Thanks a lot.

Best regards

[Lely]

You’re welcome!
Cheers!

[Christian_W]

Hello,

again I have the same problem. Everytime I change something in the header like navbar top height or the logo this error appears again.

Adjust a screenshot.

I hope you can help me.

Bet regards

[Author]

Posts