Stack the Navbar over Masthead Slider

In this article, we're going to explain how to stack the navbar over the masthead slider.

  1. Navbar over the Masthead Slider
  2. Summary

By placing this code into the custom css section of your theme you can move the navbar over the masthead slider.

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

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

  .home .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 ;
}

Summary

You now can stack the navbar above the masthead slider.

See something inaccurate? Let us know