Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #330480

    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

    #330937

    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

    #331179

    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

    #331811

    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

    #331907

    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

    #331918

    Hey,

    I’ve just found something easier:

    in navigator field:

    Have a nice day
    Carine

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Replace Home (in the main menu) by an icon’ is closed to new replies.