Joomla Templates Club 406,261 posts

[wturner Friend wturnerJoin date: November 2010Posts: 18Downloads:0Uploads:0 Thanks: 7]

#163447

I am using Teline IV template. When I activate mega menu my second level child menu items get covered over by arrows. They work perfectly with DropLine.

Any suggestions?

Megamenu looks incredibly powerful so I am determined to try to get it working onsite but it is frustrating. What seems so odd to me is that no one else seems to be experiencing this… I am wondering if I have some css from other components competing…

I tried to clean up as much as I could with respect to removing old modules and components that were no longer being used.

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#389238

Can you provide a link to your site

[wturner Friend wturnerJoin date: November 2010Posts: 18Downloads:0Uploads:0 Thanks: 7]

#389239

For anyone else who experiences this issue, I set my columns for the first level properly – in the image above you see that I set the columns at 4 and then established group as No. Then on the first level sub I followed the same strategy but got the arrow issues as shown above. When I set GROUP to YES. Things start looking better. Try that if you are experiencing the same problem as me.

Site link is: http://www.enggo.com

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#389240

<em>@wturner 237804 wrote:</em><blockquote>For anyone else who experiences this issue, I set my columns for the first level properly – in the image above you see that I set the columns at 4 and then established group as No. Then on the first level sub I followed the same strategy but got the arrow issues as shown above. When I set GROUP to YES. Things start looking better. Try that if you are experiencing the same problem as me.

Site link is: http://www.enggo.com</blockquote>

Please try and make this css edit. Change this::

.ja-megamenu ul.level1 li.haschild-over a.mega span.menu-title,
.ja-megamenu ul.level1 li.active.haschild-over a.mega span.menu-title {
background-image: url(../../images/arrow.png);
}

to

.ja-megamenu ul.level1 li.haschild-over a.mega span.menu-title,
.ja-megamenu ul.level1 li.active.haschild-over a.mega span.menu-title {
background: url(../../images/arrow.png) no-repeat 3px 50%;
padding-left:12px;
}

Css file reference:: templates/ja_teline_iv/css/menu/mega.css

Around line no. 113

1 user says Thank You to aman204 for this useful post

1. wturner

[wturner Friend wturnerJoin date: November 2010Posts: 18Downloads:0Uploads:0 Thanks: 7]

#389267

That worked a treat. All is well. For me the correction needed to be on line 225. Thank you very much.

[Author]

Posts