CSS to position something directly under header

Hey @mantum,
The “Simple Banner” is not changing its position based on the main header, which is creating the additional spacing.

You can replace your above CSS code with the below one:

.simple-banner {
    top: 90px;
    z-index: 99 !important;
}
@media (max-width: 921px) {
    .simple-banner {
      top: 87px;
    }
}
@media (max-width: 544px) {
    .simple-banner {
      top: 65px;
    }
}

@prabhatrai
Thank you that worked 🙂