title: PrimeVue Menubar
body: <p>I created a drop down menu with menubar. However I have custumization problems :</p>
  <ul>
  <li><p>The transparency is well done, but the size of the horizontal items is too hight (and so not vertically centered. The required height is thirty pixels all inclusive ;
  (just resolved with <em>height: 30px;</em> in passive mode (neither hover nor seleted). The selection &quot;Button&quot; item in the horizontal menu remains too hight</p>
  </li>
  <li><p>The vertical menu items are too separated from each over and the width of the vertical menus too narow ;</p>
  </li>
  <li><p>The movement in the verticals menu items not be materialized (with a blue color) as it is in the horizontal menu;</p>
  </li>
  <li><p>Impossible to move to a submenu with a mouse. Only with keybord arrows. Why ?</p>
  </li>
  </ul>
  <p>I tried a long time the css with modification of the &quot;theme.css&quot; of the saga-blue theme, but nothing to do nothing works except the css lines included in my code :</p>
  <p>Code:</p>
  <pre><code>.p-menubar {
       background: transparent;
       padding: 0;
       height: 30px;
  }
  </code></pre>
  <p>What are the particular css elements and clauses to modify ?</p>