如何在单个wordpress页面中隐藏导航菜单?

时间:2017-08-07 22:31:04

标签: css wordpress

我有一个由wordpress提供支持的网站。我需要隐藏两个特定页面中的导航菜单,但我无法做到。

这是页面:

enter image description here

菜单显示如下:

enter image description here

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

上面是菜单的html

enter image description here

我试过这个使用这段代码:

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

有什么想法吗?

2 个答案:

答案 0 :(得分:0)

请尝试在您的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
 } 
}

答案 1 :(得分:-1)

首先,您必须访问您的wordpress文件。然后找到自定义.css或.less文件(如果存在)。然后在此文件中添加此代码行。但是这条线会影响到整个网站页面。因此,如果您只想影响两个页面,则必须在主题的index.php(我猜)文件中添加一些代码。

  

.mobmenu {display:none!important; }