Trying to stack the Navbar Over the Masthead Slider

[glassballoon]

Hi, I’ve followed your code snippet you supply and I can’t get this to work, any ideas? I’ll put the url in a secure note. Thanks you

[jade]

Hello Rowena,

Please add this code in X > Theme Options > CSS:

.masthead {
    position: absolute;
}

.masthead .x-navbar {
    background-color: transparent !important;
}

Hope this helps.

[glassballoon]

Hi,

I already had this code in there:

@media(min-width: 980px) {
.masthead {
position:absolute;
width:100%;
background-color:transparent !important;

   }
   body.x-navbar-fixed-top-active .x-navbar-wrap {
        height: auto;
   }

.x-logobar,.home  .x-navbar, .home .x-topbar  {
background-color: transparent !important;
box-shadow: none;
border: 0;

}

}

.x-navbar .desktop .x-nav>li>a {
border-right: 0px ;

}

which I took from this page:

https://theme.co/apex/forum/t/code-snippet-stack-the-navbar-over-the-masthead-slider/275

I added the extra bit you suggested :

.masthead .x-navbar {
background-color: transparent !important;
}

and it worked - thank you! (Just letting you know in case you wanted to update the snippet)

[glassballoon]

I still have another problem, the slider is longer than the page so you can’t see the down arrow, do you know how I can fix this so it fills exactly the screen?

Thanks

[jade]

Hello Rowena,

Please go to WP Admin > Revolution Slider > Edit Slider > Slider Settings then scroll down to the Increase/Decrease Fullscreen Height (Optional) settings and set .masthead in there.

Hope this helps.