So, I did also have a follow-up problem with the above we were working with too. The above worked to create a different header – black background etc. on desktop only. When viewing on mobile/tablet the same issue of transparency is showing up (see screenshot). Any ideas how to fix this issue for mobile/tablet on product and product archive pages? I tried creating a block element etc. Didn’t work. Thanks again. Also, I never figured out where the grey margins top and bottom were coming from on products/archives pages or how to change them or their color. Please help with this also, because it may be one way to solve the first issue too.
Thanks!