Home icon in the top menu (custom theme)

[belford]

Dear Users!

 

I'd like to ask you about putting home icon in the top menu. Similar topic was here:

https://www.prestashop.com/forums/topic/327176-solved-change-home-in-top-men%C3%B9-with-icon/page-4

The problem is that I'm using custom theme similar to this one:

http://livedemo00.template-help.com/prestashop_53577

How to receive the same effect both on dekstop and mobile version?

I've modified those two files:

blocktopmenu.css http://pastebin.com/PzyhH9x6

This code was added:

.stickUpTop.isStuck .sf-menu li:first-child a:before {
content: "\f015";
font-family: "FontAwesome";
display: inline-block;
font-size: 33px;
line-height: 55px;
color: black;
text-indent: 0;
width: 0;
left: 0;
}

.stickUpTop.isStuck .sf-menu li ul li a:before {
content: none!important;
}
.stickUpTop.isStuck .sf-menu li:first-child a:after{
width: 0;
}

and superfish-modified.css: http://pastebin.com/f2JG4hnT

This code was added:

.sf-menu li:first-child a {
text-indent: -9999em;
white-space: nowrap;
}

.sf-menu li:first-child a:before{
content: "\f015";
font-family: "FontAwesome";
display: inline-block;
font-size: 33px;
line-height: 70px;
color: black;
text-indent: 0;
width: auto;
left: 0;
}

.sf-menu li ul li a:before{
content:none!important;
}

The problem is that the icon is hidden on mobile version. How to fix it? I'm changing it on my localhost but if you receive this effect in the mentioned demo version I will change it for my own purpose.