Nav Wrapper

[Judy Asman]

Hi, Andre,
When you can will you please tell me how to adjust the width of the nav menu on the top right? Thank you.

[Sushil Adhikari]

You would need to use a child theme to make that kind of change, but the code for this is in the header.php file and would be this container’s class:

But have to adjust the logo container as well, so if you add or take from the nav wrapper, you have to do the reverse to the logo container so both equal’s 12. The logo container has this class:

Was this to have more room for a bigger menu? If so, you do have the option to use the Secondary menu location instead which goes below the logo and is full width above the showcase banner area.

[Judy Asman]

Hi there — yes that’s exactly what it’s for. I really need a wider menu. Coolness, I’ll check it out…

[Judy Asman]

Hi, Andre — the secondary menu is exactly what I needed. Thank you!

Regarding my question though on resizing top nav — I would like to decrease the height of the logo/top nav area. Just to be clear, is that in the header.php file or in the CSS file? It looks like it’s this in CSS:

#cir-logo-group-wrapper {}
#cir-logo-group,
#cir-site-title-group {
display: inline-block;
overflow: hidden;
text-align: left;
}

Is that correct?

[Sushil Adhikari]

The height is adjusted based on height of logo, but also a padding on the container:

#cir-site-header {
padding: 2em 0;
}

[Judy Asman]

Super — thank you again! I just caught that the height adjusts based on size of logo but this will help a lot.

Appreciate your timely responses as usual…

[Author]

Posts