Hide nav menu for post/body class?

[NCKTessa]

I want to hide the primary navigation menu in Swank on a specific set of pages. Since I may add pages with this requirement in the future, I'm wondering if there's some way to use the Custom Body/Post Class field in the Edit screen (Layout Settings) to quickly designate these pages. I haven't used this function before but I did a little background research and it seems like it might be possible. I'd just like to confirm if this is a good option, as I'm trying to avoid going into the code and adding page/post ID's every time I have a new page for which I want the nav menu hidden.

http://www.naturalcomfortkitchen.com/services/

[Tonya]

Hello,

Yes, you can add a specific class, e.g. hide-nav-menu, which will then load into the body classes. Then in your style.css file, you simply put in the

body.hide-nav-menu .nav-primary {
display: none;
visibility: hidden;
}

When hiding the .nav-primary, the border also goes with it, as it's attached to the nav and not the header. Assuming you want to keep that border, I'd advise moving the border to the header:

1. Go to line 1219 and add the border-bottom

.site-header {
background-color: #fff;
border-bottom: 1px solid #ddd;
}

2. Go to line 1470 and comment out the border-bottom:

.nav-primary {
background-color: #fff;
/* border-top: 1px solid #ddd; */
}

I hope this helps.

Cheers,
Tonya

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[NCKTessa]

Thanks so much--worked perfect!

[Tonya]

Excellent. You're welcome.

If you are happy with the solution, we'd truly appreciate you marking this issue as resolved, as it helps us in finding issues to work on.

Enjoy your day,
Tonya 🙂

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Author]

Posts