/home/blackyak/www/wordpress/wp-content/themes/travivu/assets/sass/template/_header.scss
.header-default{
.header_mobile_screen{
display: none;
}
@media(max-width: 1024px){
.header_mobile_screen{
display: block;
.canvas-mobile{
> .gva-offcanvas{
display: block!important;
}
}
}
.header_default_screen{
display: none;
}
}
}
.gv-sticky-menu{
position: relative;
transition: all 0.36s!important;
}
.gv-sticky-wrapper{
position: relative;
z-index: 1;
width: 100%;
&.is-fixed > .gv-sticky-menu{
position: fixed !important;
width: 100%;
z-index: 999;
left: 0;
top: 0;
background: $white;
@include box-shadow(2px 3px 3px rgba(0, 0, 0, 0.1));
}
}
.is-fixed{
.gv-sticky-menu{
&.sticky-theme{
background: $theme-color-2;
}
&.sticky-black{
background: $black;
}
}
}
//-- Search
.gva-search{
position: relative;
.control-search{
display: inline-block;
text-align: center;
line-height: 30px;
.icon{
font-size: 22px;
}
&:hover, &:focus, &.search-open{
}
}
.gva-search-content{
position: absolute;
top: 100%;
right: -15px;
z-index: 1;
background: $white;
z-index: 9;
@include box-shadow(0 10px 60px rgba(0, 0, 0, 0.1));
min-width: 250px;
margin-top: 16px;
border: 1px solid rgba(0, 0, 0, 0.06);
@include opacity(0);
@include transition(all 0.35s);
visibility: hidden;
padding: 15px;
&:after{
content: '';
border: 10px solid transparent;
border-bottom-color: $white;
position: absolute;
bottom: 100%;
right: 13px;
}
}
.gva-main-search{
padding-top: 0;
}
&.open{
.gva-search-content{
@include opacity(1);
visibility: visible;
}
}
}
//-- Header
header{
@include media-breakpoint-down(md){
padding-top: 0!important;
padding-bottom: 0!important;
}
}
.header-mobile{
background: #FFF!important;
width: 100%;
position: relative;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
.topbar-mobile{
padding: 5px 15px;
font-size: 14px;
background: $black;
color: #d2dce5;
a{
color: #d2dce5;
&:hover{
color: $theme-color;
}
}
.topbar-content-inner{
display: flex;
justify-content: space-between;
}
}
.header-mobile-content{
position: relative;
padding: 17px 30px 15px;
@media(max-width: 800px){
padding: 15px 20px 13px;
}
.header-content-inner{
.header-left{
width: 50%;
float: left;
min-height: 20px;
.logo-mobile{
max-width: 150px;
img{
max-width: 100%;
}
}
}
.header-right{
width: 50%;
float: left;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: center;
justify-content: flex-end;
align-items: center;
.main-search{
padding-top: 2px;
.control-search{
.icon{
color: $black;
font-size: 20px;
font-weight: 700;
}
}
}
.canvas-mobile{
margin-left: 18px;
margin-top: 5px;
.dropdown-toggle{
.icon{
font-size: 22px;
color: $black;
border: 1px solid $border-color;
padding: 6px;
border-radius: 6px;
}
&:after{
display: none;
}
}
}
}
}
.mini-cart-header{
margin-top: -15px!important;
position: absolute;
top: 50%;
right: 25px;
}
}
}
// Header builder ------------
.header-builder-frontend{
position: relative;
z-index: 999;
width: 100%;
&.header-position-relative{
.header-builder-inner{
position: relative;
width: 100%;
}
}
&.header-position-absolute{
background: $link-color;
.header-builder-inner{
position: absolute;
width: 100%;
@media(max-width: 1024px){
position: relative;
}
.gv-sticky-menu.stuck{
background: $black;
}
}
}
@include media-breakpoint-down(md){
position: relative;
}
}
// Header default ------------
.header-default{
background: $white;
position: relative;
z-index: 999;
.header-bottom{
background: $white;
position: relative;
.header-bottom-inner{
position: relative;
padding-left: 170px;
min-height: 80px;
padding-right: 28px;
.logo{
position: absolute;
top: 50%;
left: 0;
z-index: 1;
padding: 15px 0;
transform: translateY(-50%);
width: 125px;
margin-top: 2px;
}
ul.gva-nav-menu{
float: right;
> li > a{
padding: 30px 2px;
}
}
.gsc-search-box{
position: absolute;
right: 0;
top: 50%;
margin-top: -18px;
z-index: 1;
.control-search{
svg{
width: 22px;
fill: $black;
opacity: 0.9;
}
&:hover{
svg{
fill: $theme-color;
}
}
}
}
}
}
}
.header-builder{
min-height: 550px;
&.header-bg-black{
padding: 10px 0 30px;
background: url('#{$image-theme-path-base}bg-header-builder.jpg') no-repeat center top transparent;
background-size: cover;
}
}
body.logged-in.admin-bar{
.gv-sticky-wrapper.is-fixed > .gv-sticky-menu_{
top: 32px;
@media(max-width: 782px){
top: 0;
}
}
}