Home icon in navigation

[bartvandecloot]

Hi, I can not find how to add the home icon for a navigation point. live site with old theme http://www.la-chauve-souris.be/ dev site with new theme http://quadus.be/wpnew3/

[mldarshana]

Hi There,

Try adding the following code into your menu label.

<i style="color:red" class="x-icon x-home" data-x-icon="&#xf015;"></i> Home

Hope that helps.

[bartvandecloot]

worked like a charm, thx!!

[jade]

You’re welcome.

[bartvandecloot]

Hi, now I have another problem. I am using wpml and I can not use the Icon in the FR menu, I used your code in the NL menu and that worked, but when I try it in the Fr menu it is not working. any tips?
NL http://quadus.be/wpnew3/
FR http://quadus.be/wpnew3/?lang=fr

[christian]

Hey @bartvandecloot,

The data-x-icon="" attribute and value was not added or was stripped from the code. Please add this code in Appearance > Theme Options > CSS

.x-icon-home:before {
    content: "\f015";
}

Hope that helps.

[bartvandecloot]

Solved!! Thx!!

[christian]

You’re welcome.