title: Replace menu item with icon (Prestashop theme)
body: <p>I'd like to ask you about the way to replace the text with icon (home icon as the first menu child).</p>
  
  <p>My css is similar to this one:
  <a href="http://livedemo00.template-help.com/prestashop_53577/" rel="nofollow noreferrer">http://livedemo00.template-help.com/prestashop_53577/</a></p>
  
  <p>I've added this code at the end of the global.css:</p>
  
  <pre><code>.sf-menu li:first-child a:before{
    content: "\f015";
    font-family: "FontAwesome";
    display: inline-block;
    font-size: 33px;
    line-height: 70px;
    color: black;
  }
  
  .sf-menu li ul li a:before{
    content:none!important;
  }
  </code></pre>
  
  <p>which gives:</p>
  
  <p><img src="https://i.stack.imgur.com/A5aBb.png" alt="enter image description here"></p>
  
  <p>What's the best way to hide the text "Clothing"?</p>