Aşağıdaki style özelliklerine sahip js ile width genişliğini değiştirerek soldan açtığım bir menü var.

<div id="yandanmenu" style="width:0px; position:fixed;
  height:100%;
  background:rgb(183 183 183);
  overflow-x:hidden;
  transition: all 0.2s linear;
  z-index:1">

<ul>
<li><a href="">Anasayfa</a></li>
<li><a href="">Hakkımızda</a></li>
<li><a href="">Ürünlerimiz</a></li>
<li><a href="">Hizmetlerimiz</a></li>
<li><a href="">İletişim</a></li>
</ul>


</div>

Bu menü elemanlarını eğer sayfa 600pxden fazla ise yukarda sağ kısımda yatay elemanlı olarak göstermek istiyorum. Ayrı menüler yapmak zorunda mıyım? Yoksa uğraşarak tek bir menü ile halledebilir miyim?