Site logo

Archived topic

Secondary Navigation and Header Merge

7 replies · Started by Burt on August 19, 2017

Viewing posts 1–8 of 8

When I try to merge the header with the nav. I can make the primary Nav to transparency but the secondary nav shows the original - in this case, white. I surely must be missing something - or do I need to deal with it with CSS?

As you can see in these 2 screen grabs:
Merged Header with no secondary nav

Merged Header with Secondary Nav

Thank you

Hi there,

I assume you want the secondary navigation to be white except on the pages that are merged with the page header?

Hey, Leo - Correct. Is the only way to do this is with CSS for those headers or maybe I could keep the header #fff . and the background of the 2nd nav transparent? But I would still need to deal with the font colors... so I guess CSS?

Yeah for sure. I would recommend using Tom's Simple CSS plugin. It gives you a meta box to enter page specific CSS.

Then you can do this.

.secondary-navigation {
    background-color: transparent;
}

Thank you

That is what I thought - looks like the Simple CSS plugin doesn't work inside the page header CPT.

Ahh no it needs go on to the actual page where the page header is applied.

Ahh OK, but you know, it would make more sense to do it on the Page Header page that way you would only have to adjust or CSS once (- ;

I'll close this out .... thxs

Yeah I think that's a good point.

Will see what we can do.

This archived topic is closed to new replies.