Joomla Templates Club 406,261 posts

[thatch10 Friend thatch10Join date: May 2008Posts: 104Downloads:154Uploads:8 Thanks: 11 Thanked: 19 times in 1 posts]

#146483

Anyone had any joy inserting icons / images into the main menu without shifting the text in the menu button down a line. I want the icon to appear inline with the text and am struggling to get this to work. Just seeing if anyone has managed this successfully with this template

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#325478

Hi thatch10

Could you give me your live url so that i could have a closer look on the issue?

[thatch10 Friend thatch10Join date: May 2008Posts: 104Downloads:154Uploads:8 Thanks: 11 Thanked: 19 times in 1 posts]

#325629

JA Developer

URL and username / password sent by PM

Thatch

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#325689

Hi thatch10

Thank you very much for your PM.

Currently, your template does not support this idea. To solve it, please try to do with my way:

+ Open templates/ja_halite/css/menu/mega.css file, add following code at end of file:

ul.level0 li.haschild a.mega img {
float: left;
}

+ Open templates/ja_halite/css/menu/mega.css file, at about line 48, find following code section:


ul.level0 li.mega a.mega span {
background: url(../../images/nav-bg.gif) no-repeat right top;
display: block;
line-height: 28px;
padding: 0 10px 0 0;
}

and change to:


ul.level0 li.mega a.mega span {
background: url(../../images/nav-bg.gif) no-repeat right top;
display: inline-block;
line-height: 28px;
padding: 0 10px 0 0;
}

Hope it helps.

[thatch10 Friend thatch10Join date: May 2008Posts: 104Downloads:154Uploads:8 Thanks: 11 Thanked: 19 times in 1 posts]

#325716

Hi Ja Developer, thats partially worked thanks,

It still drops down on selection of the button with the text area, is there another change required for the mouseover condition?

Thatch

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#325860

Hi thatch10,

add following code to the end of mega.css file:

ul.level0 li.haschild-over a.mega img {
float: left;
}

1 user says Thank You to JA Developer for this useful post

1. thatch10

[thatch10 Friend thatch10Join date: May 2008Posts: 104Downloads:154Uploads:8 Thanks: 11 Thanked: 19 times in 1 posts]

#325932

Cheers JA Developer that has sorted out my image problem.

Thatch

[Author]

Posts