Top Area fixen

Hallo,

ich möchte bei meinem WP Theme die Top area fixen. Die Top area ist die oberste Reihe mit meiner Telefonnummer und den Social Meida Icons.
In der CSS steht folgendes dazu:

.top-area {
border-bottom-color:#E4E4E4;
border-bottom-style:solid;
border-bottom-width:1px;
padding:15px 0 10px;


}

Was muss ich einfügen, dass diese fix ist... wie die header area auch...
VG Marco

 

Also hier nochmals ein bischen mehr aus dem CSS.

Muss hier die position "absolute" sein?
Danke! Grüße
Marco


header#head {
position: relative;
z-index: 2;
background: #fff;
}
.top-area {
border-bottom: 1px solid #e4e4e4;
padding: 15px 0 10px;
}
.head-details {
float: left;
font-size: 13px;
line-height: 1;
margin-top: 4px;
text-transform: uppercase;
}
.head-details a {
color: #333;
}
.head-socials {
float: right;
}

 

Ich möchte meinen header so haben wie bei
www.claudiapacilli.de

ist das möglich? Also sticky und transparent und nicht so flattrig wie bei www.truelovebybutz.de

danke für eure hilfe!

 

Und mir fällt grad auf, dass der header nicht sticky ist auf einem kleinen display wenn das hamburger menue kommt.
was muss ich ändern, um es genauso zu haben?

 

oh my good... und dann gibt es noch 2 weitere css datein:
slicknav.css und mobile.css (siehe Zip)


Kann mir jemand helfen, es so anzupassen wie bei www.claudiapacilli.de?

 

Schade dass ich hier alleine nicht weiter komme /