gianviterbo
asked 6 years ago

Is it possible to have the header fixed on DW Focus? Can somebody give me the proper code for it?

Thank you!
Gian

1 Answers
Kido D
answered 6 years ago

Hi Gianviterbo,

To have the header fixed, you can go to Dashboard > Appearance > Customize > General Settings, and add the following code to the Custom wp_head() section:

 <style>
.site-header {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 99999;
background: #fff;
}
.site-header .container {
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.3);
-ms-box-shadow: 0 3px 5px rgba(0,0,0,0.3);
-o-box-shadow: 0 3px 5px rgba(0,0,0,0.3);
box-shadow: 0 3px 5px rgba(0,0,0,0.3);
}
#main {
margin-top: 230px;
}
.admin-bar .site-header {
top: 28px;
}
</style>

Hope that helps!

gianviterbo
replied 6 years ago

Perfect! Thank you!

Powered by DW Question & Answer Pro