為什么我的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>

這就是移動菜單的注冊方式

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;
}