Problema con un menú

Saludos a todos ¡
Soy nueva en esto de WP estoy creando mi primera web en Wordpress pero tengo un problema con el menú, cuando realice mi web en html el menú sale perfecto pero cuando lo llamo en php no me sale.

Aquí les dejo una captura de cómo es en html



Aquí les dejo una captura de cómo se ve en php



Este es mi codigo CSS

/* Menu */

#navigation {
  padding: 20px 0px 20px 0px;
  width: 100%;
  background: #202020;
  margin-bottom:0;
  list-style:none;
  display:inline-block;
}

#navigation a {
  padding: 10px;
  background: #333;
  text-decoration: none;
  color: #ffffff;
  font-weight: 700;
  font-size: 10pt;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  list-style:none;
  display:inline-block;
  
}

#navigation a:hover {
  padding: 10px;
  background: #333;
  text-decoration: none;
  color: #ffffff;
  font-weight: 700;
  font-size: 10pt;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  border-bottom: 5px solid #fdee53;
  list-style:none;
  display:inline-block;
}

#navigation a:active {
  padding: 10px;
  background: #333;
  text-decoration: none;
  color: #ffffff;
  font-weight: 700;
  font-size: 10pt;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  border-bottom: 5px solid #8ed1e1;
   list-style:none;
  display:inline-block;
}

Este es mi llamado en php en el header.php

<div align="center">
<ul id="navigation">
<?php wp_nav_menu( array( 'theme_location' => 'menu', 'depth' => '1' ) ); ?>
</ul>
</div>

este mi archivo function.php

<?php
register_nav_menu( 'menu', __('Primary Menu') );
?>

Por favor espero me puedan ayudar

Muchas gracias