Helix transparent header

To have transparent header in Helix Ultimate use blow css

.mainheader		{
	padding: 15px 0 10px 0;
	background: rgba(0, 0, 0, 0.5);
	position: relative!important;
	z-index: 9!important;
}
.sp-page-title {
    background: #000;
    padding: 200px 0 100px 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
	margin-top: -90px;
	position: relative;
	z-index: -9;
}

To give color overlay at Title Page

.sp-page-title::before {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    content: "";
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.sp-page-title .sp-page-title-heading {
     position:relative;
}
.sp-page-title .breadcrumb {
     position:relative;
}
Copyright © 2024 Siam Naulak.
magnifiercrossmenu