Hi, Could someone please help, I would like to fix my website's header when scrolling. However, when I do the following:
.header-default #header-main {
background: white;
z-index: 1;
position: fixed;
padding: 20px 0;
width: 100%;
}
The Result is having a fixed header. However, all the content goes up and moves behind the header. This essentially hides my MainNav and cuts into a bit of the Image slider. I have attached some screen shots Below. Any help would be highly appreciated.
01 - How it is Normally. 02 - What happens after applying the code for fixed header Website URL: www.atlas.com.bd