Scenario
When we open webpage in Mobile View And Tab view we get some blank space on the top of page when we scroll the page Then the Header of the page may change their Position
this Issue will be in Each and every Page.
Solution
When we get this kind of issue we need to remove the padding-top from each and every page.
If we are getting issue in mobile and Tab view we need to define Media query for mobile and Tab View
Below code is use to solve this issue
@media(max-width: 992px){
#main-container{
padding-top: 0px !important;
}
}