为什么我的sidenav中的链接不起作用？

Question

我一直在使用materializecss框架处理wordpress主题。我无法获得sidenav中的链接工作，sidenav将滑出没有问题，但链接不起作用。下面是c9.io框的链接。

https://loftymaterial-chubbymaus.c9users.io/

这是sidenav的代码

 <?php wp_nav_menu( array(
     'theme_location' => 'mobilemenu',
     'menu_class' => 'side-nav',
     'menu_id' => 'nav-mobile'
      ));?>

 <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>

这就是mobilemenu的注册方式

register_nav_menus( array(
    'primary' => esc_html__( 'Primary', 'loftymaterial' ),
    'mobilemenu' => __( 'Mobile Menu', 'loftymaterial' )
) );

您的任何想法都非常感谢。感谢

Answer 1

问题是因为#sidenav-overlay元素，它位于侧面菜单的顶部，使用下面的CSS，确保将它放在一个CSS文件中，该文件在materialize.css文件之后加载

#sidenav-overlay{
    z-index: 996;
}