Spring Sale: Our new update is live! Save 30% on Pro and Pro Unlimited for a limited time.

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  {
    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 ;


You now can stack the navbar above the masthead slider.

See something inaccurate? Let us know