Resolved: Creating a dropdown menu from

• elements in WordPress

<div class='gs-filters'>
    <ul id='filters'>
        <li><a href='#'>Item 1</a></li>
        <li><a href='#'>Item 2</a></li>
        <li><a href='#'>Item 3</a></li>
        <li><a href='#'>Item 4</a></li>
        ...
    </ul>
</div>

<style>
 #filters{
      display: none;
      background: yellow;
      list-style: none;
      position: absolute;
      top: 50px;
      left: 0;
      margin:0;
    }
    a{
      display: block;
      padding: 5px 15px;
    }
    .gs-filters{position: relative;}
    .gs-filters:before{
      content:' filter button';
      display: inline-block;
      padding: 0 15px;
      height: 50px;
      line-height: 50px;
      cursor: pointer;
      font-weight: bold;
      background: beige;
    }
    .gs-filters:hover #filters{
      display: inline-block;
    }
</style>

    <div class='gs-filters'>
    <ul id='filters'>
        <li><a href='#'>Item 1</a></li>
        <li><a href='#'>Item 2</a></li>
        <li><a href='#'>Item 3</a></li>
        <li><a href='#'>Item 4</a></li>
    </ul>
</div>