I'd like to put font awsome icon before al my level2 menu

Exemple :

  1. Menu 1 (on mouse)
    • Submenu 1
      • (icon) Submenu 2
      • (icon) Submenu 3
      • (icon) Submenu 4

But I can't figure out where the file is, I've found topmenu, headder.phtml but I'm not good enough to do this on my own.


The menu is rendered in the Mage_Page_Block_Html_Topmenu_Renderer so you'll need to overwrite it's drawItem method to add HTML.

A better solution is using CSS, specially the :before selector

.nav-container .nav-horizontal li.level1:before {
    content: url('../images/icon.png');

That should do the trick

  • Ok thanks i'll try this, but it will work for code of font awesome like : <i class="fa fa-plus-square-o"></i> or i must put an image ? Where can i find the file to edit the thing you said ? – Jérome Borga May 7 '15 at 10:55
  • ah in that case you might need to insert a character code as content. I'm no frontender so I don't know 100% how but I know it's possible with awesome font – Sander Mangel May 7 '15 at 10:58

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.