How to make mobile header fixed and transparent just like desktop header in demo

[melonics]

Hi support,

1.How to make mobile header fixed and transparent just like desktop header in demo?

[Radu]

Hello,

Add this code to Theme Optrions -> General Options -> Quick CSS

COPY CODE

@media (max-width: 991px) {

.kleo-main-header.header-normal { height:45px !important;}
navbar-fixed.navbar-transparent #header { position: fixed !important;}
strong.logo { line-height: 45px !important;}

.kleo-mobile-icons {
	display: inline-block;
	float: right;
	margin-top: -23px; }

.kleo-mobile-switch {
margin-top: -20px !important; }

.kleo-main-header.header-normal {
	position: fixed !important;
        background-color: rgba(0,0,0,0);

}

.kleo-navbar-fixed.navbar-transparent .kleo-main-header {
     background-color: rgba(0,0,0,0.9);
}

.navbar { height:0 !important; min-height:0 !important; }

#main-container.container-full {margin-top:45px !important; }

.navbar-header { min-height:45px !important; height:45px !important;padding: 0 15px !important}


.kleo-mobile-switch,.kleo-mobile-icons { max-height: 35px !important;}

.kleo-main-header.header-normal .navbar-collapse {
padding-right: 0;
background-color: rgba(0,0,0,0.9);
padding: 0 !important;
margin-right: auto;
margin-left: auto;
width: 100%; }

#header .sticky-wrapper .container {padding: 0 !important;}

}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts