title: Making sidebar menu wider results in problems when toggling the menu because width stays fixed (Keenthemes Metronic)
body: <p>Im working on an angular web app. A Keenthemes Metronic sidebar has been added. Some of the menu texts are too long and they overlap other elements. I know that I can fix this by doing:</p>
  <pre><code>text-overflow: ellipsis;
  </code></pre>
  <p>But I want to show the menu titles fully. So I want to expand the menu so that the text fits. I tried out various kind of width content styling but it doesn't work. I also tried to set a fixed width on the sidebar and the heading part (collapse button) and this worked. But this introduces a new problem. When the collapse button is clicked, the width stays fixed and hinders the sidebar to collapse.</p>
  <p>I have unsuccessfully tried to find Keenthemes Metronic docs. Do anyone know how I can tackle this problem?</p>
  <hr />
  <p>The sidebar can be seen here: <a href="https://preview.keenthemes.com/metronic-v4/theme/admin_1/layout_sidebar_menu_light.html" rel="nofollow noreferrer">https://preview.keenthemes.com/metronic-v4/theme/admin_1/layout_sidebar_menu_light.html</a></p>
  <p>I can make the sidebar wider by setting the width to e.g.:</p>
  <pre><code>width: 280px;
  </code></pre>
  <p>And this gives enough space for all menu titles, which is exactly what I want.</p>
  <p>But when I click on the mini menu toggler button it fails to toggle the menu because the width of the menu stays fixed at 280px.</p>