Header at top of website

We have a black bar that is above our slider image that has our logo and menu on it. How can I get that black bar to stay at the top when you are scrolling down throughout the website?

Hello there,

It sticks at the top by default, but it is merely on a scree resolution larger than 991px width. To do it on 991px and below, you need to add the following CSS code into your site’s additional CSS option which resides under the Appearance > Customize > Additional CSS.


@media only screen and (max-width:991px) {
   
   .site-header.fixed {
      position: fixed !important;
   }
   
}

Regards,
Kharis