- This topic has 5 replies, 2 voices, and was last updated 5 years, 3 months ago by Tom.
February 6, 2017 at 3:12 am #274944Dave Foy
In Customizer, my primary navigation background color is set to:
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:
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:
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!GeneratePress 1.3.44February 6, 2017 at 9:16 am #275117TomLead DeveloperLead Developer
The issue I’m seeing here is your merged header is merging with the next section, so it’s set to position: absolute.
This is taking it out of the flow of the page, so it doesn’t push the content down at all when you open it.
There’s not really a solution for that, but what we can do is give the mobile menu a background color when you open it within a merged header. Would that work for you?February 6, 2017 at 11:25 am #275199Dave Foy
Yes that would be great Tom. Thanks. 🙂
Can you advise which element I should add the solid background color to?February 6, 2017 at 11:28 am #275202TomLead DeveloperLead DeveloperFebruary 6, 2017 at 11:36 am #275210Dave Foy
That will do very nicely indeed Tom. Beautiful!
Huge thanks (again).February 6, 2017 at 8:07 pm #275340
- You must be logged in to reply to this topic.