I think I’ve decided to handle this by adding two separate divisions in the html for the header and subheader (one named overlay and the other named details) and use display: none for one or the other, depending on the screen width. It bloats the html but can’t see any other way to do it. I’ve eliminated the js all together. You’ve spend enough time on it…I appreciate your efforts….thanks so much!
Will post about the other script on that page (header paddings).