<!DOCTYPE html>
<html>
<head>
<style>
  .dropdown {
    position: relative;
    display: inline-block;
    font-size: 12px; /* %25 küçültüldü */
  }

  .dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 12px; /* %25 küçültüldü */
    font-size: 12px; /* %25 küçültüldü */
    border: none;
    cursor: pointer;
  }

  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 150px; /* %25 arttırıldı */
    z-index: 1;
  }

  .dropdown-content a {
    color: black;
    padding: 9px 12px; /* %25 küçültüldü */
    text-decoration: none;
    display: block;
    position: relative;
  }

  .dropdown-content a:nth-child(odd) {
    background-color: white;
  }

  .dropdown-content a:nth-child(even) {
    background-color: #f1f1f1;
  }

  .dropdown:hover .dropdown-content {
    display: block;
  }

  .dropdown:hover .dropbtn {
    background-color: #3e8e41;
  }

  .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    background-color: #f9f9f9;
    min-width: 150px; /* %25 arttırıldı */
    z-index: 1;
  }

  .dropdown-content .has-submenu:hover .submenu {
    display: block;
  }

  .submenu a:nth-child(odd) {
    background-color: white;
  }

  .submenu a:nth-child(even) {
    background-color: #f1f1f1;
  }

  .submenu a {
    padding: 9px 12px; /* %25 küçültüldü */
  }
</style>
</head>
<body>

<div class="dropdown">
  <button class="dropbtn">Kategoriler</button>
  <div class="dropdown-content">
    <a href="#" class="has-submenu">Bardaklar
      <div class="submenu">
        <a href="#">Plastik Bardaklar</a>
        <a href="#">Kağıt Bardaklar</a>
      </div>
    </a>
    <a href="#">Eldivenler & Hijyen Ürünleri</a>
    <a href="#">Çöp Torbaları</a>
    <a href="#">Ambalaj Malzemeleri</a>
    <a href="#">Kağıt Temizlik Ürünleri</a>
    <a href="#">Temizlik Ürünleri & Kimyasallar</a>
    <a href="#">Servis ve Saklama Kapları</a>
    <a href="#">Başlıca Gıda & İçecek</a>
    <a href="#">Diğer Sarf Malzemeler</a>
  </div>
</div>

</body>
</html>
selamlar elimde ki kod bu. Sorunum ise şu;

Bardakların üstüne geldiğimde kağıt ve plastik bardaklar için sağ tarafa ufak bir kutucuk açılsın ve içerisinde bu yazılar yani sub sub kategoriler olsun istiyorum ama ne yaptımsa olmadı bardakların üzerine geldiğimde herhangi bir aksiyon gerçekleşmiyor
yardımcı olabilecek birisi varmı ( ücretsiz lütfen )