remove menu on specific page

Hi, princeps, I’m another user of the Neve theme.

If you are comfortable enough with PHP, I would suggest inserting the following code into your child theme’s functions.php file or using a plugin such as Code Snippets to insert code snippets on your site:

add_filter( "wp_nav_menu", "remove_menu_specific_page", 10, 2 );

function remove_menu_specific_page( $nav_menu, $args )
{
	if ( is_page(11) )
	{
		return "";
	}
	
	return $nav_menu;
	
}

11 is an example of a value for the function; please replace that value with the appropriate page ID.

Here is additional information about the is_page function:
https://developer.www.ads-software.com/reference/functions/is_page/

Hi @princepsbruno

The theme doesn’t have the feature to hide the menu on a specific page. You can try the solution mentioned by @plantprogrammer.

@plantprogrammer

Thanks! It worked!!

cheers

Oh,

But it still shows on mobile. Any solutions for that too?

thanks

Hi, princeps, please try to use the following CSS to remove the menu on mobile:

@media (max-width: 960px)
{
    body#neve_body.page-id-11 .builder-item.hfg-item-last.col-4.tablet-right.mobile-right 
    {
        display: none;
    }
}

@plantprogrammer

Thanks again that did the trick! Though the hamburger menu still shows.

I am not an expert but i tried

@media (max-width: 960px)
{
body#neve_body.menu-mobile-toggle.item-button.navbar-toggle-wrapper
{
display: none;
}
}

but it did not work lol

any suggestions?

Thanks

Hi, princeps, .menu-mobile-toggle.item-button.navbar-toggle-wrapper is a child of the body so there needs to be a space:

@media (max-width: 960px)
{
  body#neve_body.page-id-11 .menu-mobile-toggle.item-button.navbar-toggle-wrapper
  {
  display: none;
  }
}

You also need to specify the page ID; otherwise, all pages will have the menu hidden.

hey @plantprogrammer

thanks for taking your time to help out!!

i tried the code you suggested using the right page id but that hamburger menu is still there.

what do you think it might be the problem? apart from me being a lousy coder lol

cheers

Hi, princeps, maybe another CSS rule is conflicting with the one I gave you (since I can’t see the page that you’re referencing, you could have other CSS rules being applied to the hamburger menu possibly).

Please try adding ! important to the rule like this:

@media (max-width: 960px)
{
  body#neve_body.page-id-11 .menu-mobile-toggle.item-button.navbar-toggle-wrapper
  {
  display: none !important;
  }
}

@plantprogrammer

Hey Thanks for that!!!

cheers