Strange margin on smaller screens

You’ve set the top offset to 60 pixels in the plugin’s settings. That seems to work for larger screens, so that it’s not obscured by the main menu.

But if you mean that you want the banner to be stuck at the very top of the screen (not with the 60 pixels) when there’s NO menu, then this CSS should do the trick:

@media screen and (max-width: 767px) and (max-width: 1200px) {
   .cloned {
      top:0 !important;
   }
}

That is what I was thinking, but it was easier to ask than to search.

But I needed to change it to work. The proper code uses min-width:

@media screen and (min-width: 767px) and (max-width: 1200px) {
   .cloned {
      top:0 !important;
   }
}

Thank you!

You’re right of course. That was a typo on my end, sorry about that!