Joomla Templates Club 406,261 posts

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#825109

Hi

You should edit your template layout and in megamenu configuration add in extra class "item-home" and in icon "fa fa-home"

Then to your custom.css file add this

.navbar-default .navbar-nav > .item-home {
  text-indent: -9999em;
  position: relative;
  padding-left: 0;
  padding-right: 0;
  width: 48px;
  text-align: center;
}
.navbar-default .navbar-nav > .item-home .fa {
  text-indent: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  margin: 0;
}

---

Attachments:

1. 
2. 

[tishelpdesk42 Friend tishelpdesk42Join date: February 2014Posts: 195Downloads:22Uploads:70 Thanks: 25 Thanked: 2 times in 2 posts]

#829273

Dear Admin,

Thank for your reply.

Please be noted that I dont want to change the hole icon.. I just want to add an "fa-home" to my main menus as shown in the attached picture below.

Regards,

Ahmad Moussa

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#829662

Hi

You should add icons in this format

fa fa-iconname 

Take a look HERE for correct icons names available.

Best regards

[tishelpdesk42 Friend tishelpdesk42Join date: February 2014Posts: 195Downloads:22Uploads:70 Thanks: 25 Thanked: 2 times in 2 posts]

#829915

Thanks Pavit…It worked fine 🙂

[Author]

Posts