Como alterar a parte escrita no header top (menu) por um um simbolo ou imagem por html,tpl ou css

[Elijah Stalker]

Quando eu insiro a imagem por <img src etc...no elements fica lindo,mas quando tento no source,e salvo ela nao permanece....pelo css tentei usar background-image mas nao consegui..alguem pode fazer um comentario construtivo para me auxiliar?

 class="dropdown-item"
                href="http://localhost/prestashop/pt/" data-depth="0" 
                              >
                                                                      <span class="float-xs-right hidden-md-up">
                    <span data-target="#top_sub_menu_62454" data-toggle="collapse" class="navbar-toggler collapse-icons">
                      <i class="material-icons add">&#xE313;</i>
                      <i class="material-icons remove">&#xE316;</i>
                    </span>
                  </span>
                                <img src="http://localhost/prestashop/img/menu2.jpg">
                              
                            </a>