In Customizer, my primary navigation background color is set to:
rgba(255,255,255,0)
I’ve done this because in my custom CSS, I’ve set a subtle gradient background on my site header. If I give the navigation a block color it looks odd. I want the nav background to be transparent so the gradient naturally shows through.
Here’s an example page:
http://www.designbuildweb.co/my-best-stuff/
On mobile, the menu works perfectly. The navigation on the mobile menu has a solid background, containing the same gradient as in my desktop/tablet side header.
All good so far. π
Here’s the problem. On some pages, I’m merging the page header and site header. Example:
http://www.designbuildweb.co/
On this page on mobile, the menu background has no background whatsoever. Meaning, I can’t see the navigation items clearly.
In the Page Header settings for this page, I’ve turned off ‘Transparent Navigation’ in the ‘Advanced’ tab. Of course this makes no difference, because the Customizer setting is overriding it.
So: will it be possible to have the mobile menu on ‘merged header’ pages behave like it does on normal pages, while still maintaining my current Customizer navigation transparent background setting?
Thanks!