مشکل در نمایش موبایل مشکل در کدهای منو موبایل

[hamedgh1373 1]

سلام اساتید محترم من برای قالبی که طراحی کردم میخواستم منو موبایل ایجاد کنم ولی روی فهرست سایت کلیک که می کنم منو نمایش داده نمیشه ممنون میشم راهنمایی کنید.

اینام کدهایی که وارد کردم هستن.

 

کد اچ تی ام ال:

<a id="menuicon" class="menuicon" href="javascript:void(0);" onclick:"menuclick()">فهرست سایت</a>
<div id="mobilemenu" class="mobilemenu"><?php wp_nav_menu( array( 'theme_location' => 'top-menu' ) ); ?></div>

 

کد css:

@media screen and (min-width:1220px){
    .menuicon{
        display: none;
    }
}
.mobilemenu{
    background: #333;
    width: 50%;
    position: fixed;
    top: 0;
    right: -100%;
    color: #fff;
    height: 100%;
    z-index: 200;
}
.mobilemenu li a{
    color: #fff;
    line-height: 40px;
    padding: 0 20px;
    border-bottom: 1px solid #444;
    display: block;
}
.mobilemenu.isopen{
    right: 0;
}

 

 

کد جاوا اسکریپت:

function menuclick(){
  var x = document.getElementById( "mobilemenu" );
  if ( x.className === "mobilemenu" ){
    x.className += " isopen";
  } else {
    x.className = "mobilemenu";
  }
}