Can I make transparent header?

  • I want to make slider full page with transparent header. Will anyone help me to do this?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Theme Author spiraclethemes

    (@spiraclethemes)

    Hi @piyushsj

    Thanks for reaching out

    Please try the CSS below
    This only works for the homepage only to make slider transparent

    .home #home-inner {
    background: transparent;
    z-index: 999;
    position: absolute;
    width: 100%;
}

.home .top-bar {
    background: none;
}

.home header .category-dropdown,
.home .header-woo-links .la-user,
.home .top-bar-menu li a,
.home .top-menu .navigation>li>a,
.home header a {
    color: #fff;
}

@media only screen and (max-width: 767px) {
    
    .home .top-menu .navbar-toggle .icon-bar {
        background: #fff;
    }

    .home .top-menu .menu-header span {
        color: #fff;
    }
}

    Copy & Paste it in Appearance -> Customize -> Additional CSS

    Best Regards

Viewing 1 replies (of 1 total)
  • The topic ‘Can I make transparent header?’ is closed to new replies.