Archived topic
Transparent Headers
4 replies · Started by Andrew on October 16, 2021
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!
The issue is gray/transparent heading not providing a dark enough contrast for my white global merged header on tablet/mobile for the above pages, just to explain further because it's a new topic.
Hi there,
Can you set the primary navigation background color to a solid color and not transparent?
Setting it to the same as the header background color would probably work.
That did work, thanks. I thought setting that to a solid color would mess with the transparent global merged header. But it does not appear to do so.
Thanks!
No problem :)
