cjbarcellona

Hi Ryan, I worked with the first option you provided above, and it left a gap so after testing and testing and testing on our staging site, I have this code and it appears to work but I don’t know why. You are the expert and I am not, so will you tell me if I should leave it like this, or am I missing something? I chose “fixed” for banner position, and put 40px as the top margin, then added this altered version of your code to the website custom CSS:
@media only screen and (max-width: 662px) and (min-width: 356px){
#masthead.site-header {
top: 30px;
}
I tested on a Pixel, iPhone, tablet and shrunken Firefox window. It all seems to look ok, but I don’t understand why. Please let me know what your thoughts are. And again, thanks so much for helping!!
Oh, one more question – why does it take so long for changes to show? It seems like I refresh several times, clear cache, and have to wait like 10 min for the latest changes to show. Is that just a WordPress thing?

Thank you so much Ryan! You are the best!