Nav bar location

[AmyRogers]

I took the primary nav menu out of the wrap and I want it to sit directly below the full width header. It does that on my monitor, but it varies from monitor to monitor and on mobile devices. How do I make that space go away between primary nav and header. I think I've removed padding where applicable. Thanks so much for any help you can offer.

http://cidtestsite.org

http://cidtestsite.org

[Pixel Frau]

It looks like you've taken the title area out of the actual header. So right now you've got the title area on top, the header underneath (empty section), followed by the nav bar. If you put the title area back within the header, it should eliminate the problem.

[AmyRogers]

Thanks, Julia. I'm not sure I completely understand - can tell me how to go about that?

[briansteeleca]

Do you want your navigation to sit right under your header like the Outreach Pro demo? If so, they've used the Primary Navigation Menu location (under Menus > Manage Locations) to do that.

I'm not sure if that helps but it may be helpful to have a look at the Outreach Pro Theme Setup doc if you haven't already.

[AmyRogers]

Brian, yes, That's what I want. But, this is the primary nav menu. The problem is that I took the header and the primary nav out of the wrap so they would be full width. Now I have this gap.

If you have any suggestions, I would love them.

THanks!

[AmyRogers]

Okay. I just figured something out. The site shows up just like I want it to in Firefox, but there is a big space between header and nav menu in Explorer. Can someone help with that?

[AmyRogers]

WooHOO! Thank you, Julia! I found what you were talking about. All fixed. It's weird that Firefox just closed that space, but Chrome and Explorer did see it. Anyway, that fixed it. Thanks so much.

[Author]

Posts