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

html.jpg

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

php.jpg

Este es mi codigo CSS

Código HTML:
/* 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

Código HTML:
<div align="center">
<ul id="navigation">
<?php wp_nav_menu( array( 'theme_location' => 'menu', 'depth' => '1' ) ); ?>
</ul>
</div>
este mi archivo function.php

Código HTML:
<?php
register_nav_menu( 'menu', __('Primary Menu') );
?>
Por favor espero me puedan ayudar

Muchas gracias