css - 如何在单个wordpress页面中隐藏导航菜单？

Question

我有一个由 wordpress 驱动的网站。我需要在两个特定页面中隐藏导航菜单，但我做不到。

这是页面:

菜单是这样的:

在页面的左下方。它需要隐藏或删除。

上面是菜单的html

我试过使用这段代码:

.mob-menu-header-holder .mobmenu .mobmenur-container .mob-menu-left-panel .mobmenu_content .leftmtop  .mob-menu-right-panel{display: none;}

有什么想法吗？

Answer 1

请尝试在您的 functions.php 中添加此代码

add_action('wp_head', 'add_css_head');
function add_css_head() {
if ( is_page( 'your-page-slug' ) || is_page( 'your-page-slug' ) ) {
?>
  <style>
      .your-css-class {
         display:none

       }
  </style>
 <?php
 } 
}

如果你想隐藏的页面之一是首页你可以使用这个

add_action('wp_head', 'add_css_head');
function add_css_head() {
if ( is_front_page() || is_page( 'your-page-slug' ) ) {
?>
  <style>
      .your-css-class {
         display:none

       }
  </style>
 <?php
 } 
}