Joomla Templates Club 406,261 posts

[hectoritobh Friend hectoritobhJoin date: February 2015Posts: 5Downloads:6Uploads:3 Thanks: 1]

#945101

Hi,

In the main menu, I would like to show a home icon instead of the words "Home". Is there a way I can do this in the JA Nuevo template?

Many thanks, Hector

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#945219

Hi
First you need to add the font awesome icon for Home in the Mega menu .
And custom class icon-home in the mega menu for this menu item .

The add nav-icon class in the Home menu options Here : http://prntscr.com/bmfcy4
Then add below code in custom.css file

.navbar-default .navbar-nav > .item-home {
    text-indent: -9999em;
}

.navbar-default .navbar-nav > .item-home [class^="icon-"]{
    text-indent: 0;
    position: absolute;
    left: 15px;
    top: 10px;
    line-height: 65px;
    font-size: 18px;
    margin: 0;
}

Hope it helps .

[hectoritobh Friend hectoritobhJoin date: February 2015Posts: 5Downloads:6Uploads:3 Thanks: 1]

#945540

Thank you Pankaj.

The icon is showing now, but the words are still there. What am I missing?

Best,
Hector

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#945586

Hi
Please check you have added all the code and custom classes in Mega menu and in the Home menu .
This will work .

[hectoritobh Friend hectoritobhJoin date: February 2015Posts: 5Downloads:6Uploads:3 Thanks: 1]

#946127

Hi Pankaj,

Sorry, I have tried several times but I am still stuck.

I added the font awesome icon for Home in the Mega menu (fa fa-home). (see screenshot 1)

Then added the nav-icon class in the Home menu options (see screenshot 2)

and added the code in custom.css file (see screenshot 3)

You wrote to me: "And custom class icon-home in the mega menu for this menu item" but I don´t understand what you mean. You mean the extra class field? If I add it there, it places another home icon but above the main menu.

Can you please clarify / advise?

Many thanks,
Hector

---

Attachments:

1. 
2. 
3. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#946210

Hi
kindly send me your site super user details via Private reply , i will check and fix it for you .

[Author]

Posts