How to remove main navigation menu from individual page template

Hey did you do it or do you still need help? Can you describe it a bit ? Your page shows under construction.

Hi Celebros, no i haven’t. I just made the page live and still need the help. Hope anyone can help me with this.

I want to be able to remove the navigation menu and header logo from individual pages.

@cerebros

The sort of help we can provide for users of commercial themes is very limited because we cannot access the source code.

Do you want the menu and logo removed from all pages, or just single pages? Most themes place nav menu and logo output in a common header file, usually header.php. This file may or may not include other files.

There’s two ways to approach this. One is to use CSS to just hide the content. Depending on whether you want this on all pages or only single pages, combined with what other selectors might be available only on single pages, this may not work. If you think it might work, we need a live link to an example page that does not show under construction in order to give you specific help.

The other approach is to remove the responsible code from the template itself. If you want it only removed on single pages you can wrap the responsible code in a conditional:

if ( ! is_single()) {
   // code that outputs logo and menu
}

If you edit theme templates, we recommend you create a child theme to protect your changes. Unfortunately, many commercial themes are installed already as a child, and you cannot create a grandchild theme. If that’s the case, you could create a plugin that overrides theme templates by using the ‘template_include’ filter.

My site is now live

yes i want to remove the menu and logo from individual pages.

When opening the page it take you to the home (with video right on start)

the second Page called ‘Zulli Method Products’ has a Slider with four 4 different images linked to their own Page of sliders, and those are the ones that i want with out menu and logo.

i’ve tried adding all of these at the bottom of ‘header.php.’ but they still show the logo and menu…

and those are the only 4 pages where i don’t want to show menu and logo..

hope this additional can help with my problem..

.page-id-3451 #nav-container {
display: none;
}
.page-id-3456 #nav-container {
display: none;
}
.page-id-3643 #nav-container {
display: none;
}
.page-id-3636 #nav-container {
display: none;
}

Thank you in advance

Adderly

This works in my browser’s CSS inspector, it should work for you.

.page-id-3451 .standard_menu_type,
.page-id-3456 .standard_menu_type,
.page-id-3643 .standard_menu_type,
.page-id-3636 .standard_menu_type {
  display: none;
}

If you place this on header.php, don’t forget to place it inside style tags:

<style>
/* CSS here */
</style>

A more logical location would be style.css, preferably that of a child theme. Some themes that install as children have a provision for custom CSS somewhere, sometimes within the theme settings, sometimes a separate file, or…, who knows but the theme author? If you cannot create a child theme, look for a custom CSS provision, this will be better than editing a theme template. If you cannot find one, it’s worth asking through your theme’s customer support.

If there’s no such provision, and your own child theme is not possible, you should create a site specific plugin and add the CSS to the plugin’s external CSS file. Then enqueue the file with wp_enqueue_style().

These measures to protect your edits from updates may sound rather onerous, but they are not really all that difficult.

Than you so much you have no idea how much i was struggling with this. It worked perfectly.

@bcworksz

Glad to be able to help! I might have an idea of how much you struggled, I’ve been there too. You were sooo close on your own! CSS can be seriously confounding.

I am having trouble with the code again. I’ve recently lost all hosting access and had to start website from scratch, would anyone be able to help me with the code? i am using the same code

.page-id-331 .standard_menu_type,
.page-id-316 .standard_menu_type,
.page-id-325 .standard_menu_type,
.page-id-336 .standard_menu_type {
display: none;
}

<style>
/* CSS here */
</style>

but it is not removing headers.

website is the same zullimethod.com

My site is now live

yes i want to remove the menu and logo from individual pages.

When opening the page it take you to the home (with video right on start)

the second Page called ‘Zulli Method Products’ has a Slider with four 4 different images linked to their own Page of sliders, and those are the ones that i want with out menu and logo.

i’ve tried adding all of these at the bottom of ‘header.php.’ but they still show the logo and menu…

and those are the only 4 pages where i don’t want to show menu and logo..

hope this additional can help with my problem..

.page-id-3451 #nav-container {
display: none;
}
.page-id-3456 #nav-container {
display: none;
}
.page-id-3643 #nav-container {
display: none;
}
.page-id-3636 #nav-container {
display: none;
}

Thank you in advance

Adderly

How unfortunate that you had to rebuild from scratch ??

Try this:

.page-id-331 .header_nav,
.page-id-355 .header_nav,
.page-id-385 .header_nav,
.page-id-415 .header_nav {
    display: none;
}

Are you aware that browsers have a CSS inspector tool (usually under “Developer Tools” or similar) that’s really helpful with this sort thing? Not only is this tool helpful in identifying what CSS is affecting a particular element, but you can add your own rules and immediately see the results. You still have to be able to compose the correct selectors, but the immediate results make trial and error attempts much more productive.

.page-id-331 .header_nav,
.page-id-355 .header_nav,
.page-id-385 .header_nav,
.page-id-415 .header_nav {
display: none;
}

it didn’t remove the menu :/

i added it to the styles, and to the header.php

It looks like the page IDs have changed, I now see 367, 382, 387, 430. Substitute these for the old IDs and it should work.

I’m not sure what you did to change the IDs, but it’d be best to try to avoid doing that. If there is no choice, determine what the new ID is by looking at the URL when you edit the page. It’ll be something like this:
https://example.com/wp-admin/post.php?post=367&action=edit

The ID for the above edit URL is 367, which needs to be in the CSS selector for the menu to be hidden for that page.

/*
Theme Name: Zinc
Author: Laborator
Author URI: https://www.laborator.co
Version: 2.5
Description: Zinc – is a multipurpose theme with plenty of features to cover up a large number of website types you can create with it. Zinc supports numerous features and website types such: Corporate, Shopping, Portfolio, Gallery, Blog, Magazine, Photography, Restaurant, etc. With its flexible layout builder you can create great and uniqe page layouts in seconds, build contact forms, maps, social networks and many many other supported elements.
License URI: license/README_License.txt
*/

.sticky,
.gallery-caption,
.bypostauthor,
.wp-caption-text,
.wp-caption {
}

.page-id-331 .header_nav,
.page-id-351 .header_nav,
.page-id-316 .header_nav,
.page-id-325 .header_nav,
.page-id-448 .header_nav,
.page-id-336 .header_nav,
.page-id-331 .header_nav,
.page-id-367 .header_nav,
.page-id-357 .header_nav,
.page-id-359 .header_nav,
.page-id-361 .header_nav,
.page-id-355 .header_nav,
.page-id-382 .header_nav,
.page-id-389 .header_nav,
.page-id-391 .header_nav,
.page-id-393 .header_nav,
.page-id-385 .header_nav,
.page-id-387 .header_nav,
.page-id-417 .header_nav,
.page-id-419 .header_nav,
.page-id-420 .header_nav,
.page-id-430 .header_nav,
.page-id-415 .header_nav {
display: none;
}

these are all of the pages that i don’t want the menu on, and i am putting these on the
Appearance/Editor/Stylessheet(styles.css)

or should it be on the header.php because I’ve tried that swell .

I am getting really frustrated :/ i really want to figure it out. I know i am doing something wrong but I don’t know where my mistake is.

again thank you for all of your help.

It finally worked thank you so much, is there any way to contact you or to ask you questions directly for future questions.

check out my final product zullimethod.com
if you have any suggestions for me on my page please let me know what i can do to make it better.

Again grateful for your help

Adderly Montante