Add Home Icon to menu

  • Adrian


    Hello guys,

    I wonder how to add a Home Icon to menu on my website.

    It should be only icon without text with specyfic parameters (width and hight).

    I will be gratefull for help πŸ˜‰


    Kenneth John Odle


    If you can identify the unique WordPress ID for that navigation menu, it may be possible.




    #menu-item-2506 {
    background: url("") no-repeat !important;
    background-color: #F5F4F4 !important;
    padding-left: 30px;

    will give you this,




    Thanks Prasanna πŸ˜‰

    Your code works but… do it’s possible to set only icon (without text “Home” or in my case “Strona gΓ…β€šowna”) with link to main page?



    I found a solution! πŸ˜‰

    I just install Font Awesome 4 Menus plugin and in admin panel click

    Appearance –> Menus –> and in Label paste this code:

    <i class=”fa fa-home fa-lg”></i>

    “fa fa-home fa-lg” is Home icon πŸ˜‰

    If somebody need different just paste other code from:

    I hope this solution will be useful to someone πŸ˜‰

Viewing 5 posts - 1 through 5 (of 5 total)

  • You must be logged in to reply to this topic.