Docs

[Nuera]

Hello again…

I got this working perfectly on modernclimatecontrol.com, but now I’m trying to implement the same changes at http://fenetex.nueramarketing.com, but running into issues. Here is what I have so far:

CSS:

/* above masthead nav settings */
@media (max-width: 979px) {

 .home .x-navbar {
    bottom: 0;
    position: absolute;
    width: 100%;
 }

 .home .x-navbar.x-navbar-fixed-top{
    position: fixed;
    top: 0;
    bottom: auto;
  }
}

JQ:

jQuery( function($) {    
   $(window).on("scroll", function () {    
    if($(window).scrollTop() == 0) { 
       $('.home .desktop .sub-menu').css('top','auto');
       $('.home .desktop .sub-menu').css('bottom','90px');
    } else {
      $('.home .desktop .sub-menu').css('top','90px');
      $('.home .desktop .sub-menu').css('bottom','auto');
    }
  }).scroll();
});

Here are my issues/objectives:

1) The navbar isn’t fixing to the bottom of the browser window.

2) I’d really like the navbar to be transparent over the slider.

I’ll create a secondary post with my login info. Thanks!

[Nuera]

This reply has been marked as private.

[Joao]

Hi There,

Please add the following code to your media query:

.home header {
  margin-top: -127px;
}

Hope it helps

Joao

[Nuera]

I think that’ll work, thanks!!

[Friech]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts