Hello,
I would like to change “Home” in the main menu by the an icon (as “search”: it is an magnifying glass).
Is it possible and how?
Thx
Carine
Hey Carine!
You can add Icon element under Content elements in ALB and then copy HTML code – http://i.imgur.com/Loqd5it.png and paste it in label field while adding new link in Appearance > Menus. Make sure to remove “style” attribute
Regards,
Yigit
Hi Yigit,
Thx for your answer
I don’t understand your explanation as I’m a dummy. Coud you please explain me step by step?
Thx
Carine
Hey!
Please go to Appearance > Menus and click on Home menu item and paste this code to “Navigation Label” field – http://pastebin.com/yQhXmG2M
Cheers!
Yigit
Hey,
Thx. I tried to add an image (in place of icon) and add this in the quick css stylesheet:
.home-link-icon a{
background-image:url(http://wp-admin.flexihr.com/wp-content/uploads/2014/10/Bonhomme_favicon-e1412710440594.jpg) !important;
background-repeat:no-repeat !important;;
background-position:center -47px;
text-indent:-9999px;
height: 52px;
width: 35px;
}
And home-link-icon in the css classes (in the home menu)
It works well when I’m on the home page and flexihr menu. But disappear when I click on the other menu.
Could you please help me?
Thx
Carine
Hey,
I’ve just found something easier:
in navigator field:
Have a nice day
Carine