title: CSS Multi-Level Accordion Menu -- Pointer & Icon
body: <p><a href="https://codyhouse.co/demo/multi-level-accordion-menu/index.html" rel="nofollow noreferrer">https://codyhouse.co/demo/multi-level-accordion-menu/index.html</a></p>
  
  <p>I used the above example to build my large, multi-level accordion menu for a mobile website.</p>
  
  <p>Everything went well but when I reduced the left margins of the menu items, a ">" pointer, that turns 90% when open, and an icon of a folder got crammed over the text of the menu items.  </p>
  
  <p>I want to be able to reduce the left margins of the pointers and delete the folder icon.</p>
  
  <p><a href="https://i.stack.imgur.com/spwEA.jpg" rel="nofollow noreferrer">Page after updating with problem: superimposed pointer and icon</a> </p>
  
  <p><a href="https://i.stack.imgur.com/ldf89.jpg" rel="nofollow noreferrer">Page before changing the margins and colors</a></p>