Icon Home no Text

Ciao,
I set the house icon in the menu..
I tried to hide the HOME text. Using the old system but without success.
in css Editor

.text-hide {font-size: 0 !important;}
.text-hide::before {font-size: 14px !important;}

In template > navigation > Mega Menu > under HOME
Item Icon
fa fa-home text-hide

I see the house in the menu but the text HOME does not hide.
What did I do wrong?

A thousand thanks
Luca

Hi Luca,

The 'home' text doesn't belong to the 'i' tag so that code doesn't work, try to set for the <a> tag instead:

.nav-align-left .t4-megamenu .navbar-nav > li.has-icon > a {
	font-size: 0px !important;
}

saguaros
Hi Saguaros,
it is correct I tried but in this case the icon disappears
https://www.vinonobile.it/en/

squall840
I solved it by putting this code I don't know if it is absolutely correct or if it will give me problems

.t4-megamenu .nav .fa {
    font-size: 20px;
    top: 5px;
    position: inherit;
}

let me know what you think

thank you
Luca

You can edit a bit to:

.t4-megamenu .nav .nav-item.has-icon .fa {
   font-size: 20px;
    top: 5px;
    position: inherit;
}