Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • Pankaj Sharma Moderator
    #1057376

    Hi
    You can try the suggestion given here to add icon in Joomla menu items.
    Hope it helps.

    Regards

    namviet Friend
    #1057422

    Hi
    You can try the suggestion given here to add icon in Joomla menu items.
    Hope it helps.

    Regards

    Thanks Pankaj Sharma for the response. I have tried the solution in the link but it is not working. I found that whatever provided in Link CSS Style will be included in the "a" tag, ie:

    <a href="/test/index.php/home" class="fa-home">Home</a>

    And hence the home icon will not showing. Any other suggestion ?

    Thanks!

    • This reply was modified 6 years, 8 months ago by  namviet.
    Pankaj Sharma Moderator
    #1057502

    Hi
    Kindly share the site URL here.

    Regards

    namviet Friend
    #1057819

    Hi Pankaj Sharma,

    I’ve tried on a fresh installation of Joomla then it is working. http://phuongnam.demojoomla.com/

    The note is that: I need to specify in "Link CSS Style" 2 classes: fa and fa-home. As you can see in the demo above, Home menu was configured as:

    fa fa-home

    and Products menu was configured as:

    fa-truck

    The truck icon is not showing correctly, probably because of wrong font was used. However if we specify class fa then the font of following menu text will be changed as well. (you can see the font of "Home" is difference with one in "About Us"). Any solution to fix the font issue ?

    Cheers!

    • This reply was modified 6 years, 8 months ago by  namviet.
    Pankaj Sharma Moderator
    #1057832

    Hi
    Use fa fa-truck for the icon truck

    Regards

    namviet Friend
    #1057841

    Hi Pankaj Sharma,

    Yeap, I marked this topic as solved.

    Thanks!

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

This topic contains 6 replies, has 2 voices, and was last updated by  namviet 6 years, 8 months ago.

The topic ‘How to insert font-icon in menu ?’ is closed to new replies.