Docs

[Abreu]

Hello,

I am trying to make the navbar to the website I am currently building to behave like the navbar of my previous website, but the code doesn’t seem to work retroactively. Could you give me some help?

The website I am working on is and the website I am trying to emulate is

Thanks for the help!

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

.x-navbar, .x-logobar {
background: none;
border: 0px;
box-shadow: none;
}

If that does not work please provide your URL and your reference website as well.

Thanks

Joao

[Abreu]

Weird, I tried providing the URL and reference, but did not work.

The URL is http://www.mmattcabinets.com and the reference is http://www.sunlandstudios.com

[Nico]

Hi There,

Would you mind sharing us your admin credentials so we could check the code you used in your setup.

Don’t forget to set it as private reply.

I could see errors in your setup also. Please update your setup to the latest version.

https://community.theme.co/kb/updating-your-theme-and-plugins/

Let us know how it goes.

Thanks.

[Abreu]

This reply has been marked as private.

[Abreu]

I am also havim problems making Revolution Sliders scroll button smooth scroll to my portfolio section. I have tried to adapt the code from this article

https://community.theme.co/forums/topic/revolution-slider-5-smooth-scrolling-link/

but with no success. The scroll button on the second slide simply won’t work. Here is the code I tried using:

jQuery(document).ready(function($) {

  var $body           = $('body');
  var $bodyHeight     = $body.outerHeight();
  var $adminbarHeight = $('#wpadminbar').outerHeight();
  var $navbarHeight   = $('.x-navbar').outerHeight();

  $('#slide-2-layer-9').click(function(e) {
    e.preventDefault();
    $('html, body').animate({
      scrollTop: $("#PORTFOLIO").offset().top - $adminbarHeight - $navbarHeight + 1
    }, 850, 'easeInOutExpo');
  });
});

Thanks again for the help!

[Rad]

Hi there,

The code is for the page that as slider placed below masthead. While your slider is placed within content section. Plus, your menu is from Ubermenu where it has its own CSS styling. And there is another custom CSS that forced the opaque background.

Thus, making the code not applicable since the setup doesn’t match.

1. Please remove this CSS

.x-navbar, .x-navbar .sub-menu {
    background-color: #bb552d !important;
}

2. Remove your slider from content section and assign it below masthead (should be under your page settings).

3. Switch to X’s native menu (not Ubermenu).

You have javascript error which makes your other code not working properly. I went ahead and fixed it.

Thanks!

[Abreu]

Hello,

I have done all of the changes but was unable to find the CSS you asked me to remove. I still can’t see any changes on the navbar either.

Thanks for the help

[Rue Nel]

Hi There,

Thanks for updating in! I have checked the page and it turns out that there are some invalid characters in your custom css. Please fixed this issue. See the image below:

Please let us know how it goes.

[Abreu]

almost there! But the logo bar is still solid, and the navbar is working as intended

[Abreu]

Okay, I actually figured it out!

The only issues I have now are that I need to push the slider up to fill that gap and that the link on the second slide still does not link to the portfolio section

Thanks for the help!

[Paul R]

Hi,

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

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

2. Change your button text to this.

<a href="#x-section-3" style="color:#fff;text-decoration:none;">NEXT PAGE</a>

http://screencast.com/t/q8bSmNiIp

Hope that helps

[Abreu]

That did not work, it only reduced the distance between my logo and the top of my screen

[Paul R]

Hi,

You can try this code instead.

body.x-navbar-fixed-top-active .x-navbar-wrap {
    position: absolute;
    width: 100%;
}

body .x-navbar .desktop .x-nav > li > a {
    padding-top: 17px;
}

Hope that helps.

[Author]

Posts