O menor menu para o celular

[Frank K Hosaka]

Essa é a minha listagem do menu.php

 

<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- código copiado de https://www.devmedia.com.br/menu-em-css-menu-dropdown-horizontal-com-html5-e-css3/37205-->
<style> 
ul {margin: 0; padding: 0; list-style-type: none;}
li {margin: 0; padding: 0; list-style-type: none;}
th {border: 1px solid blue;}
td {white-space: nowrap;}
*{margin: 0; padding: 0;}
body{font-family: arial, helvetica, sans-serif;}
.menu{list-style:none;border:1px solid #c0c0c0;float:right;}
.menu li{position:relative;float:right;border-right:1px solid #c0c0c0;}
.menu li a{color:#333; text-decoration:none; padding:5px 10px; display:block;}
.menu li a:hover{background:#333;color:#fff;-moz-box-shadow:0 3px 10px 0 #CCC;
   -webkit-box-shadow:0 3px 10px 0 #ccc;text-shadow:0px 0px 5px #fff;}
.menu li  ul{position:absolute;top:25px;left:-100;background-color:#fff;display:none;}
.menu li:hover ul, 
.menu li.hover ul{display:block;}
.menu li ul li{border:1px solid #c0c0c0;display:block;width:150px;}
div#divmenu{ width: 63px; background: #e9e9e9; height: 30px; float:right;}

</style>
<div id="divmenu">
<ul class="menu">
	<li><a href="#">Menu</a>
	   <ul>
	      <li><a href="orcamento.php">Orçamento</a></li>
	      <li><a href="diario.php">Diario</a></li>
	      <li><a href="balancete.php">Balancete</a></li>
		  <li><a href="pagar.php">Pagar</a></li>
		  <li><a href="produto.php">Produto</a></li>
		  <li><a href="apuracao.php">Apuracao</a></li>
	   </ul>
	</li>
</ul>
</div>

E aqui as imagens:

 

Editado Maio 6, 2022 por Frank K Hosaka