Modifica visualizzazione menu

Ciao a tutti
ho un piccolo problema con del codice che stò scrivendo.
Vorrei cambiare il menu a seconda della risoluzione dello schermo…..quindi…
prima cerco la risoluzione:

<script language="JavaScript">
<!--
var Wide = screen.width;

if (Wide <= 600) {

  document.write("<? $valore = 'CEL'; echo ($valore);?>");

}
else {

  document.write("<? $valore = 'DES'; echo ($valore);?>");

}

//-->
</script>

poi ho scritto questo nel template per modificare il menu

<?php 
						
						if ($valore == 'CEL') {
							
								echo ('primo');
							echo ($valore);
								wp_nav_menu( array(
							    'menu' => 'main',
                                'menu_class'     => 'nav navbar-nav dropdown sf-menu',
                                'theme_location' => 'primary',
                                'items_wrap'     => '<ul id="%1$s" class="%2$s">%3$s' . inspiro_wc_menu_cartitem() . '</ul>',
                                'container'      => false
								
                            ) );
                        } else if ($valore == 'DES') {
							 echo ($valore);
							echo ('secondo');
                            wp_nav_menu( array(	
								'menu' => 'HOME',
                                'menu_class'     => 'nav navbar-nav dropdown sf-menu',
                                'theme_location' => 'primary',
                                'items_wrap'     => '<ul id="%1$s" class="%2$s">%3$s' . inspiro_wc_menu_cartitem() . '</ul>',
                                'container'      => false
								
                            ) );
                        }
						
						 
						
				
						
						?>

Adesso non riesco a capire 🙁
La variabile è corretta. Nel print a schermo esce correttamente CEl per cellulare e DES per pc

Solo che il menu è sempre lo stesso 🙁 Non cambia a seconda della risoluzione.
Non riesco a capire l’errore. Dovrebbe entrare correttamente nei controlli, invece non lo fa.